最近在項(xiàng)目中遇到了一個(gè)比較棘手的問題:在原生的iOS的webView上面加載HTML視頻發(fā)現(xiàn)沒有縮略圖涤躲,在網(wǎng)上查了資料發(fā)現(xiàn)在HTML里面有個(gè)poster屬性(添加一個(gè)圖片)可以設(shè)置縮略圖菌瘫,但是我們的后臺(tái)告訴我視頻資源本來就是來自網(wǎng)絡(luò)的摔刁,沒有縮略圖只能自己解決了。于是開始是Google模式。終于功夫不負(fù)有心人奏甫,在一個(gè)國(guó)外的網(wǎng)站上面發(fā)現(xiàn)了一個(gè)折中的解決辦法建峭。
辦法
其實(shí)結(jié)局的辦法很簡(jiǎn)單琉挖,但是對(duì)我這個(gè)不是太懂前端的人來說還是……。
這個(gè)方法就是在資源URL的后面(視頻格式后面涣脚,有的時(shí)候視頻格式后面還有其他的字符串示辈,我是直接把.mp4后面的直接刪除了,但是視頻還是可以播放)加上#t=xxx,其中的xxx代表的是時(shí)間(秒)遣蚀。大概的思路是這樣的:就是在加載視頻的時(shí)候設(shè)置視頻的起始時(shí)間讓視頻跳轉(zhuǎn)到你設(shè)置的時(shí)間上矾麻,但是時(shí)間一定要足夠的小,因?yàn)榇罅饲懊娴囊曨l就看不了了芭梯。
這個(gè)方法其實(shí)還有一個(gè)用法:
視頻會(huì)在0:06開始播放直到0:20停止播放险耀。但是這不是自動(dòng)播放,自動(dòng)播放需要設(shè)置:autoplay="autoplay"玖喘。
聲明
NOTE:對(duì)于web端我是一個(gè)菜鳥甩牺,也不知道用這個(gè)方法解決這個(gè)問題是不是太蠢了,希望誰(shuí)有其他更好的解決辦法可以不吝賜教累奈,謝謝贬派。