La balise HTML5 video
| Liste des événements de la balise HTML5 video | ||
|---|---|---|
| Event.loadstart | Event.progress | Event.suspend |
| Event.abort | Event.error | Event.emptied |
| Event.stalled | Event.loadedmetadata | Event.loadeddata |
| Event.canplay | Event.canplaythrough | Event.playing |
| Event.waiting | Event.seeking | Event.seeked |
| Event.ended | Event.durationchange | Event.timeupdate |
| Event.play | Event.pause | Event.ratechange |
| Event.resize | Event.volumechange | Attacher Event |
Propriétés et méthodes js de la balise video Html5.
Ecoutes des événements javascript de la balise video HTML5.
Logs des événements de l'objet vidéo HTML5 :
Détails des propriétés :
Evénements javascript de la balise HTML5 video
Event.loadstart
- L'événement javascript Event.loadstart de l'objet HTML5 video est déclenché au momment où le navigateur sélectionne la ressource vidéo à utiliser.
L'événement javascript loadstart de l'objet HTML5 video est déclenché au chargement de la page.
Event.progress
- L'événement javascript Event.progress de l'objet HTML5 video est déclenché quand le navigateur récupère les données de la vidéo.
L'événement javascript progress de l'objet HTML5 video est déclenché au chargement de la page.
Event.suspend
- L'événement javascript Event.suspend de l'objet HTML5 video est déclenché au momment où le navigateur arrête intentionnellement de récuper la ressource vidéo.
L'événement javascript suspend de l'objet HTML5 video est déclenché au chargement de la page.
Event.abort
- L'événement javascript Event.abort de l'objet HTML5 video est déclenché quand le navigateur arrête la récupération des données de la vidéo avant qu'elles ne soient complètement téléchargées, mais pas en raison d'une erreur.
Cliquez-moi pour déclencher l'événement Javascript abort et attendez 4 secondes.
Event.error
- L'événement javascript Event.error de l'objet HTML5 video est déclenché si un problème survient pendant la récupération des données de la vidéo.
Cliquez-moi pour déclencher l'événement Javascript error.
Event.emptied
- L'événement javascript Event.emptied de l'objet HTML5 video est déclenché quand l'application ne trouve pas de ressource vidéo (pas de ressource ou pas de ressource compatible).
Cliquez-moi pour déclencher l'événement Javascript emptied.
Event.stalled
- L'événement javascript Event.stalled de l'objet HTML5 video est déclenché quand les données de la vidéo sont longues à télécharger.
J'ai pas encore trouvé de solution pour déclencher l'événement Javascript stalled.
Event.loadedmetadata
- L'événement javascript Event.loadedmetadata de l'objet HTML5 video est déclenché quand les metadatas de la vidéo sont finis de télécharger aussi que les textTracks.
L'événement Javascript loadedmetadata de l'objet HTML5 video est déclenché au chargement de la page.
Event.loadeddata
- L'événement javascript Event.loadeddata est déclenché
L'événement Javascript loadeddata de l'objet HTML5 video est déclenché au chargement de la page.
Event.canplay
- L'événement javascript Event.canplay de l'objet HTML5 video est déclenché quand l'application estime que la vidéo peut être jouée, mais avec une possibilité d'interruption durant la lecture.
L'événement Javascript canplay de l'objet HTML5 video est déclenché au chargement de la page.
Event.canplaythrough
- L'événement javascript Event.canplaythrough de l'objet HTML5 video est déclenché quand l'application estime que la vidéo peut être jouée sans interruption durant la lecture.
L'événement Javascript canplaythrough de l'objet HTML5 video est déclenché au chargement de la page.
Event.playing
- L'événement javascript Event.playing de l'objet HTML5 video est déclenché au redémarage de la lecture, après une pause ou après un retardement en raison du manque de données de la vidéo.
L'événement Javascript suspend de l'objet HTML5 video est déclenché en activant la lecture de la vidéo et en la mettant sur pause.
Event.waiting
- L'événement javascript Event.waiting de l'objet HTML5 video est déclenché quand la lecture est interrompue parce que l'image suivante n'est pas disponible et que l'application attend quelle le soit.
Cliquez-moi pour déclencher l'événement waiting (multiple changement de currentTime et suivit de play()).
Event.seeking
- L'événement javascript Event.seeking de l'objet HTML5 video est déclenché quand l'application se place à la nouvelle position recherchée dans la durée de la vidéo.
Cliquez-moi pour déclencher l'événement seeking.
Event.seeked
- L'événement javascript Event.seeked de l'objet HTML5 video est déclenché quand l'application commence à chercher une nouvelle position dans la durée de la vidéo.
Cliquez-moi pour déclencher l'événement seeked.
Event.ended
- L'événement javascript Event.ended de l'objet HTML5 video est déclenché quand la lecture est à la fin de la vidéo.
Pour déclencher l'événement Javascript ended, attendez la fin de la lecture de la vidéo.
Event.durationchange
- L'événement javascript Event.durationchange de l'objet HTML5 video est déclenché quand la valeur de la propriété duration change.
L'événement Javascript durationchange de l'objet HTML5 video est déclenché au chargement de la page.
Event.timeupdate
- L'événement javascript Event.timeupdate de l'objet HTML5 video est déclenché quand la position de lecture change dans le cadre d'une lecture normale. En claire quand la lecture est activée.
Pour déclencher l'événement Javascript timeupdate, lancez la lecture de la vidéo.
Event.play
- L'événement javascript Event.play de l'objet HTML5 video est déclenché quand on active la lecture de la vidéo.
Pour déclencher l'événement Javascript play, activez la lecture de la vidéo.
Event.pause
- L'événement javascript Event.pause de l'objet HTML5 video est déclenché quand on met en pause la lecture de la vidéo.
Pour déclencher l'événement Javascript pause, mettez la lecture de la vidéo en pause.
Event.ratechange
- L'événement javascript Event.ratechange de l'objet HTML5 video est déclenché quand une des valeurs de la propriété defaultPlaybackRate ou playbackRate change.
Cliquez-moi pour déclencher l'événement ratechange.
Event.resize
- L'événement javascript Event.resize de l'objet HTML5 video est déclenché quand une des valeurs des propriétés videoWidth ou videoHeight change.
Attacher un événement
- Vous pouvez attacher l'événement à la balise HTML5 video avec la méthode javascript addEventListener
var oVideo = docment.getElementById("idVideo")
oVideo.addEventListener(
"NOM_EVT", function(oEvent) { }, true
);