HTMLMediaElement:ratechange 事件
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年7月.
ratechange 事件將在播放速度改變時被觸發。
此事件不可取消且不會冒泡。
語法
在 addEventListener() 等方法中使用事件名稱,或設定事件處理器屬性。
js
addEventListener("ratechange", (event) => { })
onratechange = (event) => { }
事件類型
通用的 Event。
範例
這些範例為 HTMLMediaElement 的 ratechange 事件新增了一個事件監聽器,並在該事件處理器對事件觸發做出反應時顯示訊息。
使用 addEventListener():
js
const video = document.querySelector("video");
video.addEventListener("ratechange", (event) => {
console.log("播放速率已變更。");
});
使用 onratechange 事件處理器屬性:
js
const video = document.querySelector("video");
video.onratechange = (event) => {
console.log("播放速率已變更。");
};
規範
| Specification |
|---|
| HTML> # event-media-ratechange> |
| HTML> # handler-onratechange> |
瀏覽器相容性
相關事件
- HTMLMediaElement 的
playing事件 - HTMLMediaElement 的
waiting事件 - HTMLMediaElement 的
seeking事件 - HTMLMediaElement 的
seeked事件 - HTMLMediaElement 的
ended事件 - HTMLMediaElement 的
loadedmetadata事件 - HTMLMediaElement 的
loadeddata事件 - HTMLMediaElement 的
canplay事件 - HTMLMediaElement 的
canplaythrough事件 - HTMLMediaElement 的
durationchange事件 - HTMLMediaElement 的
timeupdate事件 - HTMLMediaElement 的
play事件 - HTMLMediaElement 的
pause事件 - HTMLMediaElement 的
volumechange事件 - HTMLMediaElement 的
suspend事件 - HTMLMediaElement 的
emptied事件 - HTMLMediaElement 的
stalled事件