Intercettare la fine di un video in Javascript

Intercettare la fine di un video in Javascript

Il tag video introdotto in HTML 5 lo conosciamo praticamente tutti ormai.

Molto flessibile, permette diverse personalizzazioni.

Quello che di default non fa, è intercettare la fine della ripetizione corrente.

E' possibile impostare l'attributo loop per farlo ricominciare, ma non ci dice nulla al riguardo la fine della riproduzione

E se invece noi avessimo bisogno proprio di questo?

Partiamo dall'HTML:

<video id="home_video">
    <source src="video.mp4" type="video/mp4" />
</video>

A questo punto vediamo il Javascript:

    document.getElementById('home_video').addEventListener('ended', onEnded, false);
    function onEnded(e) {
        // DO STUFF
    }

In pratica prendiamo l'id di riferimento del video, e poi gli aggiungiamo l'evento ended, richiamando una funzione (onEnded in questo caso, ma potete chiamarla come volete).

Enjoy!