JavaScript: выполнение кода после окончания воспроизведения видео

Фраза «видео JavaScript после воспроизведения» относится к выполнению кода JavaScript или выполнению определенных действий после завершения воспроизведения видео. Вот несколько методов, которые можно использовать для достижения этой цели:

  1. Использование события «завершено»: вы можете прослушивать событие «окончание» в элементе видео и запускать функцию JavaScript, когда воспроизведение видео закончилось. Например:

    const video = document.getElementById('myVideo');
    video.addEventListener('ended', function() {
    // Your code here
    });
  2. Добавление прослушивателя событий к событию timeupdate видео. Этот подход предполагает непрерывную проверку текущего времени видео и выполнение кода, когда оно достигает конца. Вот пример:

    const video = document.getElementById('myVideo');
    video.addEventListener('timeupdate', function() {
    if (video.currentTime >= video.duration) {
    // Your code here
    }
    });
  3. Использование атрибута «onended». Другой способ — использовать атрибут «onended» непосредственно в HTML-теге видео. Вот пример:

    <video id="myVideo" onended="myFunction()">
    <!-- Video source and other elements -->
    </video>
    <script>
    function myFunction() {
    // Your code here
    }
    </script>