Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/374.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 视频列表自动播放,然后从开始再次循环_Javascript_Html_Loops_Video - Fatal编程技术网

Javascript 视频列表自动播放,然后从开始再次循环

Javascript 视频列表自动播放,然后从开始再次循环,javascript,html,loops,video,Javascript,Html,Loops,Video,我得到了创建Html视频播放列表的代码, 代码=> var计数=1; var player=document.getElementById('myVideo'); var mp4Vid=document.getElementById('mp4Source'); player.addEventListener('end',myHandler,false); 函数myHandler(e) { //如何循环播放视频列表----- 如果(!e) { e=窗口事件; } 计数++; $(mp4Vid.a

我得到了创建Html视频播放列表的代码, 代码=>


var计数=1;
var player=document.getElementById('myVideo');
var mp4Vid=document.getElementById('mp4Source');
player.addEventListener('end',myHandler,false);
函数myHandler(e)
{
//如何循环播放视频列表-----
如果(!e)
{
e=窗口事件;
}
计数++;
$(mp4Vid.attr('src',“视频/视频”+计数+“.mp4”);
player.load();
player.play();
}
此代码可以很好地加载和自动播放视频列表(播放视频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>

var指数=1;
变量计数=%count%;//用上一个视频的任何数字替换它。
var player=document.getElementById('myVideo');
var mp4Vid=document.getElementById('mp4Source');
player.addEventListener('end',myHandler,false);
函数myHandler(e)
{
//如何循环播放视频列表-----
索引++;
如果(索引>计数)索引=1;
$(mp4Vid.attr('src',“视频/视频”+索引+“.mp4”);
player.load();
player.play();
}

感谢您的快速响应,我将首先尝试此输出代码并获得相同的结果(播放视频1,然后播放视频2,然后返回循环播放视频2)。但不能从开始重新循环视频(视频1、视频2、最后一个视频,然后循环视频1、视频2、最后一个视频)。谢谢s@dewokaji您将什么设置为%COUNT%?是的,我设置了->var COUNT=2;->对于2个示例视频。是吗?真奇怪。行为如何?视频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>