ビデオをループして再生できません（オンエンドイベントを使用）

Question

ビデオを取得する際に問題が発生しました。onended eventを使用してさまざまなムービーファイルをループする必要があります。

var videos=["test.mp4","newtest.mp4","finaltest.mp4"] 

私が示すように、機能があります：

var vidcnt=0; 

function runvideo() 
{ 
    var path = videos[vidcnt]; 
    //alert(path); 
    video=document.getElementById("splashvideo"); 
    vp = document.getElementById("ss"); 
    vp.setAttribute("src",path); 
    video.play(); 
    vidcnt++; 
} 

を最後にここに私のhtmlです：

<video id="splashvideo" controls="controls" autoplay="autoplay" onended="runvideo();"> 
    <source id="ss" src="somefile.mp4" type="video/mp4"/> 
</video> 

は私のようなビデオパス、のjavascript配列を持っています

同じビデオをループするだけで、新しいビデオは絶対にビデオarraで使用されないようですY

Answer 1

video要素で使用src、canplayイベントコール.play()

<video id="splashvideo" 
     controls="controls" 
     autoplay="autoplay" 
     onended="runvideo(this);" 
     oncanplay="this.play()" 
     src="somefile.mp4" 
     type="video/mp4"> 
</video> 

var vidcnt = 0; 

function runvideo(video) { 
    var path = videos[vidcnt]; 
    video.setAttribute("src", path); 
    video.load(); 
    vidcnt++; 
}