HTMLVideoElement: resize-Ereignis
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Januar 2020 browserübergreifend verfügbar.
Das resize-Ereignis der HTMLVideoElement-Schnittstelle wird ausgelöst, wenn eine oder beide der Eigenschaften videoWidth und videoHeight aktualisiert wurden.
Dieses Ereignis kann nicht abgebrochen werden, kann aber durch die DOM-Hierarchie aufsteigen.
Syntax
Verwenden Sie den Ereignisnamen in addEventListener():
js
addEventListener("resize", (event) => { })
Alternativ können Sie der Event-Handler-Eigenschaft der Schnittstelle eine Funktion zuweisen:
js
onresize = (event) => { }
Ereignistyp
Ein generisches Event.
Beispiele
html
<video id="media" src="https://example.com/video.mp4"></video>
js
const el = document.getElementById("media");
el.addEventListener("resize", () => {
console.log("The size of the video element has changed!");
});
Spezifikationen
| Spezifikation |
|---|
| HTML # event-media-resize |
| HTML # handler-onresize |