Question

我有一些视频来源。我想在最后一个视频结束时再次播放它。我在下面尝试了这段代码，但在最后一次结束后它不会从头开始。

这是我的代码

HTML

/data/disk01/keyspace1/table1/

JAVASCRIPT

<video id="myVideo" width="800" height="600" controls>
 Your browser does not support HTML5 video.
</video>

我找到了解决方案。

  <script>
  var videoSource = new Array();
  videoSource[0]='video/adsfsaf.mp4';
  videoSource[1]='video/2.mp4';
  videoSource[2]='video/1.mp4';
  var videoCount = videoSource.length;

  document.getElementById("myVideo").setAttribute("src",videoSource[0]);
  function videoPlay(videoNum)
  {
  document.getElementById("myVideo").setAttribute("src",videoSource[videoNum]);
  document.getElementById("myVideo").load();
  document.getElementById("myVideo").play();
  }
  function videoBegin(videoNum)
  {
  document.getElementById("myVideo").setAttribute("src",videoSource[0]);
  document.getElementById("myVideo").load();
  document.getElementById("myVideo").play();
  }
  i = 0;
  document.getElementById('myVideo').addEventListener('ended',myHandler,false);
  function myHandler() {
    i++;
    if(i == (videoCount-1)){
      // alert(i);
    videoPlay(i);
    }
    else{
    videoPlay(i);
    }
  }
  </script

Answer 1

你不能使用“video”元素的“loop”属性吗？

W3School loop

怎么用javascript循环视频？

1 个答案: