What's the play event on a video html5 element? What's the play event on a video html5 element? jquery jquery

What's the play event on a video html5 element?


Does this W3C demo page help? http://www.w3.org/2010/05/video/mediaevents.html It appears the play event is simply 'play'.

For example:

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

or

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


I used code from the following page and stripped it:

<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>

Hoped I could help.


HTML5 Video elements have an onplay event that you can use that doesn't require the extra step of adding a listener. This solution also doesn't require JQuery.

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

MDN has full details.