HTML5移動視頻

我在使用移動視頻和HTML5時遇到了一些問題。我最大的問題是視頻會播放2秒鐘，並停止播放，因爲沒有足夠的視頻加載。該視頻長度爲1：26，長度爲9mb。我正在測試WiFi。有沒有一種方法可以讓視頻等到足夠的時間才能加載，因此可以在沒有問題的情況下播放？或者什麼是我最好的選擇來幫助解決這個問題？HTML5移動視頻

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1 /DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<title>Untitled Document</title> 
<script type="text/javascript"> 

</script> 

<style type="text/css"> 
<!-- 
body { 
    margin: 0px; 
    padding: 0px; 
    background-color:#000; 
} 
--> 
</style> 
</head> 

<body> 
<!--<div id = "m_loader"> 
<div id = "loading_hold"> 
<img src="d_logo.png" width="365" height="500" /> 
    </div> 
</div>--> 

<video controls="controls" autoplay="autoplay"> 
    <source src="reel720_3.mp4" type="video/mp4" /> 
    <source src="reel720_3.webm" type="video/webm" /> 
Your browser does not support the video tag. 
</video> 
</body>

來源

2011-05-26 Greg Thompson

當在臺式機/筆記本電腦上測試時，它是否也這樣做？ – 2011-05-27 08:22:01

您可以使用「canplaythrough」事件。儘管在發生這種情況時您可能想要顯示某種進度/下載指標。

myVideo.addEventListener('canplaythrough', function() { 
     myVideo.play(); 
    });

來源

2012-05-17 22:24:01 JFlo

回答

相關問題