Gestion des événements
Avec Popcorn.js, il est possible de gérer les événements d'une balise <video> notamment :
ended : se déclenche lorsque la vidéo se termine
pause : se déclenche lorsque la vidéo est mise en pause
play : se déclenche lorsque la lecture de la vidéo est déclenchée (même après avoir été mise en pause)
et d'autres événements plus élaborés...
Exemple : Déclenchement de l'événement de fin de vidéo
CTRL+C pour copier, CTRL+V pour coller
1
document.getElementById("video").addEventListener( "ended", function( e ) {
2
3
document.getElementById("wiki").innerHTML = "ended fired!";
4
5
}, false );document.getElementById("video").addEventListener( "ended", function( e ) {
document.getElementById("wiki").innerHTML = "ended fired!";
}, false );CTRL+C pour copier, CTRL+V pour coller
1
<video id="video" height="180" width="300" id="video" controls preload="none">
2
<source src="http://videos.mozilla.org/serv/webmademovies/popcornplug.mp4"></source>
3
</video><video id="video" height="180" width="300" id="video" controls preload="none">
<source src="http://videos.mozilla.org/serv/webmademovies/popcornplug.mp4"></source>
</video>
