HTMLMediaElement : évènement durationchange

Baseline Large disponibilité

Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.

L'évènement durationchange est déclenché lorsque l'attribut duration a été mis à jour.

Syntaxe

Utilisez le nom de l'évènement dans des méthodes comme addEventListener(), ou définissez une propriété de gestionnaire d'évènements.

addEventListener("durationchange", (event) => { })

ondurationchange = (event) => { }

Ces exemples ajoutent un écouteur d'évènements pour l'évènement durationchange de HTMLMediaElement, puis affichent un message lorsque ce gestionnaire d'évènements a réagi au déclenchement de l'évènement.

Utiliser addEventListener() :

const video = document.querySelector("video");

video.addEventListener("durationchange", (event) => {
  console.log("Pas sûr de pourquoi, mais la durée de la vidéo a changé.");
});

Utiliser la propriété de gestionnaire d'évènements ondurationchange :

const video = document.querySelector("video");

video.ondurationchange = (event) => {
  console.log("Pas sûr de pourquoi, mais la durée de la vidéo a changé.");
};