HTMLVideoElement: resize event

{{APIRef("HTML DOM")}}

The resize event of the {{domxref("HTMLVideoElement")}} interface fires when one or both of the {{domxref("HTMLVideoElement.videoWidth", "videoWidth")}} and {{domxref("HTMLVideoElement.videoHeight", "videoHeight")}} properties have just been updated.

This event is not cancelable but may bubble.

Syntax

Use the event name in methods like {{domxref("EventTarget.addEventListener", "addEventListener()")}} , or set an event handler property.

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

onresize = (event) => { }

Event type

A generic {{domxref("Event")}} .

Examples

<video id="media" src="https://example.com/video.mp4"></video>

const el = document.getElementById("media");
el.addEventListener("resize", () => {
  console.log("The size of the video element has changed!");
});

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

docs.rodeo

MDN Web Docs mirror