HTMLVideoElement: resize 事件

Baseline 已廣泛支援

此特性已相當成熟,可在許多裝置和瀏覽器版本上使用。自 ⁨2020 年 1 月⁩ 起,所有主流瀏覽器均已支援。

HTMLVideoElement 介面的 resize 事件在 videoWidthvideoHeight 屬性剛剛更新時觸發。

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

語法

在諸如 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

瀏覽器相容性

另見