我如何开始HTML5视频暂停然后用户开始视频然后自动播放?
问题描述:
我创建了一个html5视频播放列表。首次加载页面时,我希望视频暂停,因此用户可以选择开始自动播放序列。我如何开始HTML5视频暂停然后用户开始视频然后自动播放?
代码:
<!DOCTYPE html>
<html>
<head>
<script type='text/javascript'>//<![CDATA[
window.onload=function(){
var videoPlayer= document.getElementById('video');
videoPlayer.addEventListener('ended', function(){
this.pause();
this.src = "http://www.mp4point.com/downloads/8feeca1a540b.mp4";
}, false);
}//]]>
</script>
</head>
<body>
<video id="video" src="http://media.w3.org/2010/05/sintel/trailer.mp4" autoplay autobuffer controls />
</body>
</html>
的jsfiddle:http://jsfiddle.net/3uRq6/7/
答
通过它,你需要扭转你的逻辑看起来。从<video>
中删除autoplay
属性,并在您的事件监听器上,您应该更改src
然后播放视频。
<!DOCTYPE html>
<html>
<head>
<script type='text/javascript'>//<![CDATA[
window.onload=function(){
var videoPlayer= document.getElementById('video');
videoPlayer.addEventListener('ended', function(){
this.src = "http://www.mp4point.com/downloads/8feeca1a540b.mp4";
this.play();
}, false);
}//]]>
</script>
</head>
<body>
<video id="video" src="http://media.w3.org/2010/05/sintel/trailer.mp4" autobuffer controls />
</body>
</html>
使用flowpayer此任务 – 2013-03-25 12:03:09