<script type="text/javascript">
function init() {
var video = document.getElementById('video');
var btn = document.getElementsByTagName('button');
var valor = document.getElementById('valor');
var evento = function (evt) {
valor.innerHTML = ('Disparado o evento: '+evt.type);
}
video.addEventListener('playing', evento, false);
video.addEventListener('progress', evento, false);
video.addEventListener('pause', evento, false);
video.addEventListener('ended', evento, false);
video.addEventListener('volumechange', evento, false);
}
window.onload = init;
</script >
HTML
<video poster="capa.jpg" autoplay controls id="video" width="400">
<source src="video.ogv" type="video/ogg">
<source src="video.mp4" type="video/mp4">
<source src="video.webm" type="video/webm">
<!-- Código (X)HTML para inserção de video com Flash -->
<p>Seu navegador não suporta o elemento video da HTML5.<br>Faça <a href="video.mp4">download do video</a></p>
</video>