2016-11-02 5 views
0

동영상을 가져 오는 데 문제가 있습니다. onended event을 사용하여 다양한 동영상 파일을 반복해야합니다.동영상을 재생할 수없고 재생할 수 없습니다 (onended 이벤트 사용)

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> 

나는 같은 비디오 경로의 자바 스크립트 배열을

동일한 동영상을 반복하는 것으로 보이며 비디오 arra에서 새로운 동영상을 사용하지 않습니다. Y

+0

''요소를 사용하는 목적은 무엇인가에 runvideo.load() 전화? – guest271314

답변

0

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++; 
} 
관련 문제