📜  HTML onratechange 属性(1)

📅  最后修改于: 2023-12-03 15:31:11.270000             🧑  作者: Mango

HTML onratechange 属性

HTML onratechange 属性用于在媒体播放速度更改时执行 JavaScript 代码。当媒体(如视频或音频)的播放速度更改时,会触发 onratechange 事件。

此属性通常与 JavaScript 代码一起使用,用于在媒体播放速度更改时执行特定操作。

语法

以下是 HTML onratechange 属性的语法:

<media onratechange="JavaScript 代码">

其中,media 可以是 video、audio 或实现 MediaPlaybackRate 接口的其他元素。

示例

以下示例演示了如何使用 onratechange 属性:

<video onratechange="alert('播放速度更改为 ' + this.playbackRate)">
  <source src="video.mp4" type="video/mp4">
  <source src="video.ogg" type="video/ogg">
</video>

在此示例中,当视频的播放速度更改时,将弹出一个警报框,其中包含更改后的播放速度。

浏览器兼容性

HTML onratechange 属性在以下浏览器中得到支持:

  • Google Chrome
  • Firefox
  • Internet Explorer
  • Microsoft Edge
  • Safari
注意事项
  • onratechange 事件不会在第一次播放媒体时触发,而是在播放速度更改后触发。
  • 如果媒体元素不支持改变播放速度(例如,图片或文本文件),则不会触发 onratechange 事件。
  • onratechange 属性仅适用于本地媒体(例如,从硬盘或本地服务器加载的媒体)。

参考资料: