Перебор видео в HTML5

Question

У меня есть этот JS-код:

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(); 
}; 

и у меня есть два видео, я хочу играть один за другим. Видео воспроизводятся нормально - сначала один, а после окончания второго, но этот кодовый цикл через второе видео вместо повторного воспроизведения первого видео и после окончания второго видео и т. Д.

Помогите пожалуйста?

Спасибо заранее, Янов

Answer 1

Используйте ended событие, чтобы вызвать функцию run снова.

video_count =1; 
videoPlayer = document.getElementById("homevideo"); 
function run(){ 
    if (video_count == 4) video_count = 1; 
    var nextVideo = "app/video"+video_count+".mp4"; 
    videoPlayer.src = nextVideo; 
    videoPlayer.play(); 
    video_count++; 
}; 
videoPlayer.addEventListener('ended', run); 

Answer 2

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

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

решит проблему Вы увеличить переменную прежде чем определить имя файла видео-ролик, так что вы начинаете с два ... условия необходимо изменить, а также, поскольку мы хотим установить videocount to 1 только после отображения второго видео