HTMLMediaElement: ratechange 事件
ratechange
事件在播放速率发生变化时触发。
此事件不可取消,也不会冒泡。
语法
在像 addEventListener()
这样的方法中使用事件名称,或设置一个事件处理程序属性。
js
addEventListener("ratechange", (event) => {});
onratechange = (event) => {};
事件类型
通用 Event
。
示例
这些示例为 HTMLMediaElement 的 ratechange
事件添加了一个事件监听器,然后在该事件处理程序对事件触发作出反应后发布一条消息。
使用 addEventListener()
js
const video = document.querySelector("video");
video.addEventListener("ratechange", (event) => {
console.log("The playback rate changed.");
});
使用 onratechange
事件处理程序属性
js
const video = document.querySelector("video");
video.onratechange = (event) => {
console.log("The playback rate changed.");
};
规范
规范 |
---|
HTML 标准 # event-media-ratechange |
HTML 标准 # handler-onratechange |
浏览器兼容性
BCD 表格仅在启用了 JavaScript 的浏览器中加载。
相关事件
- 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
事件