Блог

Я получаю код для создания списка воспроизведения видео в формате Html, code =>

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

Вопрос => » Как создать автозапуск списка видео (video1, video2, …, последнее видео), а затем снова выполнить цикл с начала»

Спасибо за помощь…

Есть пара вещей, которые вы можете обновить / улучшить.

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