Home / Programmazione / Javascript - AJAX / Intercettare la fine di un video in Javascript
Mattepuffo

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!