Какое событие воспроизведения на элементе видео html5?

У меня есть тег видео html5, встроенный на страницу. Мне нужно вызвать действие, когда пользователь нажимает кнопку "Play Button". Но я не могу найти, как связать это с моим действием. Есть ли какое-то событие для чего мне нужно? Я использую jQuery...

Спасибо!

Ответ 1

Помогает ли эта демонстрационная страница W3C? http://www.w3.org/2010/05/video/mediaevents.html Кажется, что игровое событие просто "играет".

Например:

$('video').bind('play', function (e) {
    // do something
});

или

$('video').on('play', function (e) {
    // do something
});

Ответ 2

Я использовал код из следующей страницы и разделил его:

<script language="javascript">
    document.addEventListener("DOMContentLoaded", init, false);

    function init() {
        var _video = document.getElementById("video");
        _video.addEventListener("playing", play_clicked, false);
    }

    function play_clicked() {
        alert("play was clicked");
    }
</script>

<video id='video'
  controls preload='none' 
  poster="http://media.w3.org/2010/05/sintel/poster.png">
  <source id='mp4'
    src="http://media.w3.org/2010/05/sintel/trailer.mp4"
    type='video/mp4'>
  <p>Your user agent does not support the HTML5 Video element.</p>
</video>

Надеялся, я мог помочь.

Ответ 3

Элементы HTML5 Video имеют событие onplay которое вы можете использовать, не требуя дополнительного шага добавления слушателя. Это решение также не требует JQuery.

var myVid = document.getElementById('video');    
if (myVid !== null) { // Possibility of no video loaded in DOM
    myVid.onplay = function () {
        //do something
    };
}

МДН имеет полную информацию.