iOS-webView上加載HTML視頻不顯示縮略圖

最近在項目中遇到了一個比較棘手的問題:在原生的iOS的webView上面加載HTML視頻發(fā)現(xiàn)沒有縮略圖,在網(wǎng)上查了資料發(fā)現(xiàn)在HTML里面有個poster屬性(添加一個圖片)可以設(shè)置縮略圖,但是我們的后臺告訴我視頻資源本來就是來自網(wǎng)絡(luò)的,沒有縮略圖只能自己解決了。于是開始是Google模式。終于功夫不負(fù)有心人,在一個國外的網(wǎng)站上面發(fā)現(xiàn)了一個折中的解決辦法。

辦法

其實(shí)結(jié)局的辦法很簡單,但是對我這個不是太懂前端的人來說還是……。

方法2016-08-08 00.29.36.png

這個方法就是在資源URL的后面(視頻格式后面,有的時候視頻格式后面還有其他的字符串,我是直接把.mp4后面的直接刪除了,但是視頻還是可以播放)加上#t=xxx,其中的xxx代表的是時間(秒)。大概的思路是這樣的:就是在加載視頻的時候設(shè)置視頻的起始時間讓視頻跳轉(zhuǎn)到你設(shè)置的時間上,但是時間一定要足夠的小,因?yàn)榇罅饲懊娴囊曨l就看不了了。

這個方法其實(shí)還有一個用法:

用法 2016-08-08 00.50.52.png

視頻會在0:06開始播放直到0:20停止播放。但是這不是自動播放,自動播放需要設(shè)置:autoplay="autoplay"。

聲明

NOTE:對于web端我是一個菜鳥,也不知道用這個方法解決這個問題是不是太蠢了,希望誰有其他更好的解決辦法可以不吝賜教,謝謝。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容