À quels événements peut-on s'abonner pour les éléments vidéo ou audio?

Vous pouvez vous abonner aux événements suivants pour les éléments video ou audio :

• loadstart : Le processus de chargement de la ressource commence.
• progress : En cours de chargement de la ressource.
• suspend : Le chargement a été suspendu (par exemple, déconnexion réseau).
• abort : Le chargement a été interrompu par l'utilisateur.
• error : Une erreur est survenue lors du chargement ou de la lecture.
• emptied : L'état réseau de l'élément est vide.
• stalled : Le chargement des données a été arrêté.
• loadedmetadata : Les métadonnées sont prêtes (dimensions, durée).
• loadeddata : Les données initiales pour la lecture sont prêtes.
• canplay : L'élément peut commencer la lecture, mais une mise en mémoire tampon peut être nécessaire.
• canplaythrough : L'élément peut être lu jusqu'à la fin sans interruption pour la mise en mémoire tampon.
• playing : La lecture a commencé.
• play : La lecture a été lancée ou reprise.
• pause : La lecture a été mise en pause.
• waiting : La lecture s'est arrêtée en raison du besoin de mise en mémoire tampon.
• seeking : L'utilisateur recherche dans la timeline.
• seeked : L'utilisateur a terminé la recherche dans la timeline.
• ended : La lecture est terminée.
• durationchange : La durée de la ressource a changé.
• timeupdate : La position de lecture actuelle a changé.
• volumechange : Le volume ou l'état de silence a changé.
• ratechange : La vitesse de lecture a changé.
• resize : La taille de la vidéo a changé (par exemple, en raison d'une rotation de l'appareil).
• cuechange : Les parties actives du texte pour la piste actuelle ont changé.

Exemple d'abonnement à l'événement play :

// Obtenir l'élément vidéo
const videoElement = document.getElementById('myVideo');

// S'abonner à l'événement 'play'
videoElement.addEventListener('play', () => {
  // Actions lors du début de la lecture
  console.log('La vidéo a commencé à être lue');
});