如何解决HTML5手机视频
| 我在移动视频和HTML5视频方面遇到了一些问题。我最大的问题是该视频将播放约2秒钟,然后停止播放,因为没有加载足够的视频。视频长1:26s,长9mb。我正在wifi上测试。有没有一种方法可以让我等待视频加载到足够长的时间,这样它就可以正常播放了?或者我最好的选择是什么来帮助解决这个问题?<!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>
解决方法
您可以使用\“ canplaythrough \”事件。尽管您可能想在这种情况下显示某种进度/下载指示器。
myVideo.addEventListener(\'canplaythrough\',function() {
myVideo.play();
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。