javascript - 循环浏览 HTML5 中的视频

Question

我有这个 JS 代码:

video_count =1;
videoPlayer = document.getElementById("homevideo");

function run(){
    video_count++;
    if (video_count == 4) video_count = 1;
    var nextVideo = "app/video"+video_count+".mp4";
    videoPlayer.src = nextVideo;
    videoPlayer.play();
};

我有两个视频我想依次播放。视频播放正常 - 第一个视频结束后第二个视频播放，但此代码循环播放第二个视频，而不是再次播放第一个视频并结束第二个视频等。

你能帮忙吗？

提前致谢，亚尼夫

Answer 1

使用ending事件再次触发run函数。

video_count =1;
videoPlayer = document.getElementById("homevideo");
function run(){
  if (video_count == 4) video_count = 1;
  var nextVideo = "app/video"+video_count+".mp4";
  videoPlayer.src = nextVideo;
  videoPlayer.play();
  video_count++;
};
videoPlayer.addEventListener('ended', run);