HTML5视频循环src对端播放功能的更改不起作用
HTML5 video loop src change on end play function not working
我有很多视频在同一个HTML5视频播放器中逐一播放
HTML
<video id="homevideo" width="100%" autoplay autobuffer>
<source src="app/video1.mp4" type='video/mp4' />
</video>
JS
video_count = 1;
videoPlayer = document.getElementById("homevideo");
videoPlayer.addEventListener("ended", function (){
video_count++;
if (video_count == 4) video_count = 1;
var nextVideo = "app/video" + video_count + ".mp4";
videoPlayer.src = nextVideo;
videoPlayer.play();
}, false);
如果我在玩之前发出警报,它就起作用了。但如果没有警报,情况就不是这样。初始化第二次视频播放:
videoPlayer.src = nextVideo;
alert("a");
videoPlayer.play();
html5视频元素有自己的事件类型,您不需要自己的事件监听器。
Html:
<video id="homevideo" width="100%" autoplay onended="run()">
<source src="app/video1.mp4" type='video/mp4'/>
</video>
和
脚本:
video_count =1;
videoPlayer = document.getElementById("homevideo");
function run(){
video_count++;
if (video_count == 4) video_count = 1;
var nextVideo = "app/video"+video_count+".mp4";
videoPlayer.src = nextVideo;
videoPlayer.play();
};
附言:请记住,只为视频提供一种格式是不够的,因为所有主要浏览器都不支持单一格式。
编辑:
链接
来源:w3schools
在媒体活动
由视频、图像和音频等媒体触发的事件(适用于所有HTML元素,但在媒体元素中最常见,如<audio>
、<embed>
、<img>
、<object>
和<video>
):
合一的:当媒体到达末尾时要运行的脚本(对于"感谢收听"之类的消息来说是一个有用的事件)
相关文章:
- 使用复杂数组时Jquery自动完成功能不起作用
- 切换功能不起作用
- 为什么不是'我的修剪功能不起作用
- Angular UI Select2指令搜索功能不起作用
- AngularJS 路由功能不起作用
- JavaScript更新功能不起作用
- JS表单验证功能不起作用
- 复选框树视图功能不起作用
- Web音频-AudioParam调度功能不起作用
- 复选框单击功能不起作用
- jQuery加载函数后,jQuery UI自动完成功能不起作用
- 按下空格键一次后,Jquery功能不起作用
- jquery ajax调用后,表分类器功能不起作用
- jquery对话框可拖动功能不起作用
- 我的数字检查器功能不起作用,为什么
- 隐藏/显示加载功能不起作用
- .slideToggle-on.click功能不起作用
- 验证功能不起作用
- 在我的项目中,添加、删除和编辑功能不起作用
- Onsubmit功能不起作用