2016-07-28 36 views
0

當我打開電腦上的瀏覽器http://www.w3schools.com/html/tryit.asp?filename=tryhtml5_videoHTML視頻開始在移動

該鏈接的視頻顯示預覽圖像,我可以看到加載進度條正在運行,所有工作得很好。

但是當我在手機瀏覽器上打開鏈接時,視頻完全沒有任何縮略圖,並且進度條停止。 (播放確定)

然後我添加屬性「preload = auto」裏面的視頻標籤,那麼也沒什麼區別。

這是我的代碼。

<!DOCTYPE html> 
 
    <html> 
 
    <body> 
 
    
 
    <video preload="auto" width="400" controls> 
 
     <source src="mov_bbb.mp4" type="video/mp4"> 
 
     <source src="mov_bbb.ogg" type="video/ogg"> 
 
     Your browser does not support HTML5 video. 
 
    </video> 
 
    
 
    <p> 
 
    Video courtesy of 
 
    <a href="http://www.bigbuckbunny.org/" target="_blank">Big Buck Bunny</a>. 
 
    </p> 
 
    
 
    </body> 
 
    </html>

我的設備: 的Android 5.1.1 /鉻48.0.2564.95

回答

0

手機一般沒有自動播放的視頻,以保護用戶免受過多的移動數據費用。

您仍然可以顯示縮略圖,但通過添加海報屬性到HTML - 從W3C網站:

<video controls poster="/images/w3html5.gif"> 
    <source src="movie.mp4" type="video/mp4"> 
    <source src="movie.ogg" type="video/ogg"> 
    Your browser does not support the video tag. 
</video> 
+0

我想從這個視頻作爲縮略圖使用框架。我試過http://stackoverflow.com/questions/3749011/capture-first-frame-of-an-embedded-video。但沒有任何緩衝區,我的畫布也是空的。 –

+0

有沒有其他方法可以實現這一目標? –