循环播放 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

使用ended事件再次触发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);

Answer 2

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

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

将解决问题 你在定义视频的文件名之前增加变量，所以你从两个开始......条件也需要改变，因为我们希望只有在显示第二个视频后才将videocount设置为1