Воспроизведите, затем приостановите несколько видимых видео на веб-странице один за другим - Javascript

Question

У меня есть несколько видео (3 на строку и 3 строки) на веб-странице, которая по сути будет выступать в качестве видеостены. В настоящее время все видео воспроизводятся одновременно на бесконечной l oop, что действительно заставляет медиаплеер бороться.

Что бы я хотел сделать, чтобы каждое видео воспроизводилось 1 за другим. Могу ли я использовать Javascript для достижения этой цели? Мне, вероятно, нужно присвоить каждому тегу / элементу видео идентификатор?

Спасибо.

Answer 1

Вы новый участник.

Вы можете запустить видео, используя этот код:

var vid = document.getElementById("myVideo");

function playVid() {
  vid.play();
}

function pauseVid() {
  vid.pause();
}

, а когда видео закончится, используйте этот код:

var vid = document.getElementById("myVideo");
vid.onended = function() {
    alert("The video has ended");
};

вы можете просто добавить к ним класс, затем просто получить их и l oop их, используя приведенный выше код.

это ресурсы link one link two

изменить:

Я думаю, эта ссылка будет полезна для вас предыдущий вопрос