HTMLVideoElement: resize event
Baseline
Widely available
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis janvier 2020.
L'évènement resize de l'interface HTMLVideoElement est déclenché lorsque l'une ou les deux propriétés videoWidth et videoHeight viennent d'être mises à jour.
Cet évènement n'est pas annulable mais peut se propager.
Syntaxe
Utilisez le nom de l'évènement dans des méthodes comme addEventListener(), ou définissez une propriété de gestionnaire d'évènement.
js
addEventListener("resize", (event) => { })
onresize = (event) => { }
Type d'évènement
Un objet Event générique.
Exemples
html
<video id="media" src="https://exemple.com/video.mp4"></video>
js
const el = document.getElementById("media");
el.addEventListener("resize", () => {
console.log("La taille de l'élément vidéo a changé !");
});
Spécifications
| Specification |
|---|
| HTML # event-media-resize |
| HTML # handler-onresize |
Compatibilité des navigateurs
Voir aussi
- La propiété
HTMLVideoElement.videoHeight - La propiété
HTMLVideoElement.videoWidth