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