Как выполнить JavaScript после того как закончится просмотр видео?

Question

[vaniakinos1]

Есть видео на странице, допустим оно идет 10 сек, мне нужно чтобы после того как закончится видео, сработал код

<video
    id="my-player"
    class="video-js"
    controls
    preload="auto"
    poster="//vjs.zencdn.net/v/oceans.png"
    data-setup='{}'>
  <source src="//vjs.zencdn.net/v/oceans.mp4" type="video/mp4"></source>
  <source src="//vjs.zencdn.net/v/oceans.webm" type="video/webm"></source>
  <source src="//vjs.zencdn.net/v/oceans.ogv" type="video/ogg"></source>
  <p class="vjs-no-js">
    To view this video please enable JavaScript, and consider upgrading to a
    web browser that
    <a href="https://videojs.com/html5-video-support/" target="_blank">
      supports HTML5 video
    </a>
  </p>
</video>

Как это сделать?

Comments

[Froggyweb]

https://developer.mozilla.org/en-US/docs/Web/API/H... так?

Answer 1

[Konfy]

https://html5css.ru/tags/av_event_ended.php

Answer 2

[coderisimo]

Вам нужно подписаться на событие ended , которое наступает когда воспроизведение остановилось из-за того, что достигнут конец проигрываемого файла
https://html.spec.whatwg.org/multipage/media.html#...

document.getElementById('my-player').addEventListener('ended',handler,false);
    function handler(e) {
      alert('Порноролик отыграл!');
    }

Comments

[vaniakinos1]

Все отлично работает! Но вот на iOS устройствах не отрабатывается?

[coderisimo]

vaniakinos1, У меня на маке все работает. Что до планшетов и телефонов - не исключено, что есть нюансы.
Можно попробовать использовать "pause" эвент. Он, вроде , отрабатывает в сафари стабильнее.