使用HTML5的多个线性视频

时间:2012-11-12 00:57:52

标签: javascript html5

我设法在上一个剪辑之后播放剪辑,但是如何在第二个剪辑结束后添加更多剪辑?是否可以将视频列表分配给数组并创建“if”语句?在一个序列中播放2个以上视频的最佳方式是什么? 非常感谢。

var myVideo = _V_("vid1");


function onComplete1(){

    var video2 = document.getElementsByTagName('video')[0];
    var videoPlaying = video2.currentSrc;
    var ext = videoPlaying.substr(videoPlaying.lastIndexOf("."));

    video2.src = '2'+ext;

    myVideo.load();
    myVideo.play();

1 个答案:

答案 0 :(得分:0)

没有视频供我测试,但您可以考虑一下:

(function(){
  var seq=["1.ogg","2.ogg"/* more */];
  var pos=0;
  var video=document.getElementsByTagName("video")[0];
  function onComplete() {
    if(pos>=seq.length) pos=-1; //if you want to loop
    if(pos>=seq.length) return; //if you don't want to loop
    video.src=seq[++pos];
    video.load();
    video.play();
  }
  video.onended=onComplete;
  video.src=seq[pos];
  video.load();
  video.play();
})();