HTML | DOM onratechange 事件

HTML DOM onratechange 事件在音频或视频播放速率发生变化时触发。可以使用 JavaScript 来监听这个事件并进行相应的处理。

语法

object.onratechange = function(){
  // 触发事件后执行的代码
};

实例

下面的例子展示了如何使用 onratechange 事件来捕捉视频播放速率的变化，并在网页上显示出来。首先，我们需要在 HTML 中添加一个 video 标签：

<video src="example.mp4" id="myVideo" width="320" height="240"></video>

接下来，使用 JavaScript 代码来添加 onratechange 事件监听器：

document.getElementById("myVideo").onratechange = function() {
  var rate = this.playbackRate.toFixed(2);
  document.getElementById("speed").innerHTML = "当前播放速率：" + rate;
};

最后，在网页上添加一个 span 标签，用于显示当前播放速率：

<span id="speed"></span>

在视频播放时，可以通过点击播放速率按钮来改变视频播放速率。当 speed 值发生变化时，会触发 onratechange 事件，并将当前播放速率显示在界面上。

参考链接

• HTML DOM onratechange 事件