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.