Question

我获得了创建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，...，最后一个视频），然后从头开始循环播放”

感谢您的帮助...

Answer 1

您可以更新/改进几件事。

<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>

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

1 个答案: