как слелать чтобы после окончания видео перекидывало автоматически на второе видео?

185

21 июля 2017, 04:58

ребят есть две кнопки , при нажатии на первую кнопку открывается первое видео. Соответственно при нажатии на вторую кнопку открывается второе видео , как сделать чтобы при нажатии на первую кнопку и после окончания его видеофайла автоматически перекидывалось событие на вторую кнопку и открывалось второе видео ?

 <div id="content">
        <video class="videoContent" id="video" autoplay ></video> //место видоса
            <button class="but-link_1" data-video="resources/1.mov" id="tab1" checked="checked"><img src="resources/image/btn.png"/></button>// первая кнопка содержит первое видео
        <button class="but-link_2" data-video="resources/2.mov" id="tab2"><img src="resources/image/btn.png"/></button>// вторая кнопка содержит второе видео
    </div>

Answer 1

Подпишитесь на окончание видео и вызовите второе видео.

<video src="video.ogv" id="myVideo">
  video not supported
</video>
<script type='text/javascript'>
document.getElementById('myVideo').addEventListener('ended',myHandler,false);
function myHandler(e) {
    // What you want to do after the event
}
</script>

Код взят отсюда