2015-07-03 3 views
1
<video width="320" height="240" autoplay loop> 
    <source src="movie1.mp4" type="video/mp4"> 
    <source src="movie2.mp4" type="video/mpr"> 
    Your browser does not support the video tag. 
</video> 

Код, указанный выше, будет воспроизводиться movie1.mp4 снова и снова. То, что я хочу достичь, - это воспроизвести эти два видео один за другим. Я имею в виду после игры movie1.mp4, а затем сыграет movie2.mp4.2 раза в очереди

Как достичь этого?

ответ

1

Вы можете это путем АРХИВ делать:

<video id="homevideo" width="100%" autoplay onended="run()"> 
    <source src="app/video1.mp4" type='video/mp4'/> 
    <source src="app/video2.mp4" type='video/mp4'/> 
</video> 

video_count =1; 
videoPlayer = document.getElementById("homevideo"); 

function run(){ 
     video_count++; 
     if (video_count == 4) video_count = 1; 
     var nextVideo = "app/video"+video_count+".mp4"; 
     videoPlayer.src = nextVideo; 
     videoPlayer.play(); 
    }; 

Reference

+0

Я не понимаю, почему вы установили VIDEO_COUNT 4, так как есть только 2 видео. if (video_count == 4) video_count = 1 –

+0

Я просто скопировал код из ссылки. –

+0

Есть ли способ получить размер списка видео динамически? таких как videolist.size() ??? –

Смежные вопросы