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

HTML5移动视频

回答

相关问题