Есть такое событие у видео/аудио, называется HTML Audio/Video DOM ended Event, видимо оно как раз вам и пригодится.
К примеру, есть у вас такой код:
<video width="320" height="240">
<source src="***" type="video/mp4">
</video>
Список наших батонов сделаем немного обобщенным, через класс input-video
, это нам пригодится в дальнейшем.
В JavaScript
напишем обработку:
var btns = document.getElementsByClassName('input-video'); // наши кнопки
var currentIndex = 0; // текущий индекс из массива кнопок
$(document).ready(function(){
$('video').on('ended',function(){
if(currentIndex < btns.length){
btns[currentIndex].click();
currentIndex = currentIndex + 1; // currentIndex++
}
});
});
Если видео отображаются в одном блоке video
и по нажатию на кнопку будет либо меняться видео, либо запускаться заново - будет работать.
Пример имитации нажатия кнопок:
var btns = document.getElementsByClassName('input-video');
$(document).ready(function() {
for (var index = 0; index < btns.length; index++) {
btns[index].click();
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="button" class="input-video" onclick="alert(1);" />
<input type="button" class="input-video" onclick="alert(2);" />
<input type="button" class="input-video" onclick="alert(3);" />
В первоначальном коде нажатие кнопки будет происходить после завершения видео. Причем индекс кнопки будет увеличиваться на единицу, для перехода к следующей. Можно, к примеру, на последнюю кнопку, в обработчик ее нажатия прописать присвоение currentIndex = 0;
, тогда получим бесконечное воспроизведение видео.