HTMLVideoElement：resize 事件

基线 广泛可用

此功能已得到良好确立，并在许多设备和浏览器版本中都能正常工作。它已在浏览器中可用，自 2015 年 7 月.

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

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

语法

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

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

onresize = (event) => {};

事件类型

一个通用的 Event.

示例

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

规范

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

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参阅