循环播放一系列视频

时间:2013-04-02 01:49:45

标签: javascript loops video

我是javascript的新手。 我尝试了很多不同的方法,似乎无法让它发挥作用。 我有4个非常短的视频,我想要一个接一个地循环播放。基本上,一旦视频结束,下一个视频就会开始(它们是一组动画,与之前的动画不同)。我尝试了很多不同的方法,似乎无法让它发挥作用。有谁知道我会怎么做?

我发现了这个

http://www.mindfiresolutions.com/How-to-play-multiple-videos-in-a-loop-using-HTML5-and-JavaScript-1799.php

这基本上是我想做的,但它似乎对我不起作用。

编辑:我设法使用此方法。必须有一个eaiser方式

var myVideo = _V_("myvideoplayer");
var banners = new Array("banner1_mov","banner2_mov","banner3_mov","banner4_mov");
var count = 0

function onComplete(){
    count++;
    var myVideo1 = document.getElementsByTagName('video')[0];
    var videoPlaying = myVideo1.currentSrc;
    var ext = videoPlaying.substr(videoPlaying.lastIndexOf("."));
    myVideo1.width = '1140';
    myVideo1.src = "video/"+banners[count]+ext;

    myVideo.load();
    myVideo.play();
    myVideo.removeEvent("ended", onComplete);
};

myVideo.addEvent("ended", myHandler);

function myHandler() {
if(count == 3){
count = -1;
onComplete();
}
else{
onComplete();
}

       }

0 个答案:

没有答案