我如何开始html5视频暂停,然后在用户开始视频然后自动播放
How do I Start html5 video paused then after user begins video then autoplay?
创建了一个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>
相关文章:
- Vanilla Js:在一个事件中开始一段时间的循环,然后用第二个事件打破它?('mouseover'启
- Javascript开始处理下一个事件,然后第一次完成
- 将值增加到一个点,然后开始减小到一个点
- 按 按钮开始代码,然后按它停止
- JQuery 自动收报机通过减速和停止然后重新开始来播放
- 从底部开始,然后向上滚动
- 等待文档鼠标按下完成,然后元素单击才能开始
- 如何使切换的元素在开始时显示为块,然后在悬停时切换
- 剑道树,从多个节点开始,然后动态加载其余节点
- 在Angular中,我如何删除“;选择“;从一个李开始上课,然后把它应用到一个新的李身上
- jQuery在结束时停止,然后返回开始
- 输出年龄从一年开始,然后每年增加1 javascript
- 如何开始旋转一个引导程序字体真棒图标,然后用jQuery停止它
- 单击播放图标以开始声音,然后单击停止图标以停止声音
- 组件开始重叠,然后在窗口大小调整时移动
- 这段代码平稳地运行了大约50秒,然后开始发送ERR_INSUFFICIENT_RESOURCES
- 如何检查以一个字母开始的字符串,然后是4位数字
- JavaScript代码在开始时运行一次,然后停止
- 如何从JavaScript数组/对象显示图像?从第一个图像开始,然后点击到下一个
- 条,从页面底部开始,向上滚动,然后粘在顶部