HTMLVideoElement: resize 事件

Baseline 已广泛支持

此特性已相当成熟，可在许多设备和浏览器版本上使用。自 ⁨2020 年 1 月⁩ 起，所有主流浏览器均已支持。

HTMLVideoElement 接口的 resize 事件在 videoWidth 和 videoHeight 属性刚刚更新时触发。

此事件不可取消，但可以冒泡。

语法

在诸如 addEventListener() 之类的方法中使用事件名称，或设置事件处理程序属性。

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

onresize = (event) => { }

一个通用的 Event。

html

<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!");
});

规范
HTML # event-media-resize
HTML # handler-onresize

此页面最后修改于 2025年5月2日，由 MDN 贡献者修改。