Question

我有一个HTML5视频播放器，我想让它表现为视频的播放列表。主要问题是它获取的视频是一个名为“video.ogg”的文件，但它总是每1-2秒被覆盖一次，持续时间不到1秒。我可以有类似的东西，

VIDEO_1 video_2 video_3 ... ..

但我认为只有一个文件，保持东西清洁，不占用大量空间。

现在从JS方面我得到了这个：

function play_live_video_test(){
    console.log('Started!!');
    var i=1;
    setInterval(function() {
      console.log(' ->Fetching!!');
      video=fetch_video();
      console.log(' ->Updating Source!!');
      video.src="../../video.ogg";
      console.log(' ->Loading!!');
      video.load();
      console.log(' ->Playing!!');
      video.play();
      i++;
      console.log("Value of i: "+i);
    }, 1000);

    console.log('Ended!!!');
};

function fetch_video(){
  var video=document.getElementById('video');
  return video;
};

所以每1000毫秒我“更新”视频标签的来源，并播放视频，但似乎它无法正常工作！

任何想法如何解决这个问题？或者使用HTML5视频实现视频播放列表？

Answer 1

在视频上获得ended event时更新来源，而不是在经过一段特定时间后。

动态获取HTML5视频文件

1 个答案: