如何解决视频列表自动播放,然后从头开始再次循环
我获得了创建HTML视频播放列表的代码, 代码=>
<video id="myVideo" controls autoplay>
<source src="upload/video/1.mp4" id="mp4Source" type="video/mp4">
<source src="upload/video/2.mp4" id="mp4Source" type="video/mp4">
</video>
<script type='text/javascript'>
var count=1;
var player=document.getElementById('myVideo');
var mp4Vid = document.getElementById('mp4Source');
player.addEventListener('ended',myHandler,false);
function myHandler(e)
{
// How to Looping video play list -----
if(!e)
{
e = window.event;
}
count++;
$(mp4Vid).attr('src',"video/video"+count+".mp4");
player.load();
player.play();
}
</script>
此代码可以很好地加载和自动播放视频列表(播放视频1,然后播放视频2,然后返回循环播放视频2)。但是无法从头开始循环播放视频(视频1)。
问题=>“如何创建视频列表自动播放(视频1,视频2,...,最后一个视频),然后从头开始循环播放”
感谢您的帮助...
解决方法
您可以更新/改进几件事。
<video id="myVideo" controls autoplay>
<source src="upload/video/1.mp4" id="mp4Source" type="video/mp4">
</video>
<script type='text/javascript'>
var index=1;
var count=%COUNT%; // replace it with whatever number last video has.
var player=document.getElementById('myVideo');
var mp4Vid = document.getElementById('mp4Source');
player.addEventListener('ended',myHandler,false);
function myHandler(e)
{
// How to Looping video play list -----
index++;
if (index > count) index = 1;
$(mp4Vid).attr('src',"video/video"+index+".mp4");
player.load();
player.play();
}
</script>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。