HTML audio/video DOM ratechange事件

• 

  ratechange事件定义和用法

  当音频/视频的播放速度改变时（例如当用户切换到慢动作或快进模式时）发生ratechange事件。
  此事件由音频/视频对象的playbackRate属性调用，该属性设置或返回音频/视频的当前播放速度。

• 

  ratechange事件浏览器支持

  Internet Explorer	Chrome	FireFox	Safari	Opera
  9.0（含）以上	支持	支持	支持	支持

• 

  ratechange事件语法

  在HTML中：

  <element onratechange="script">

  在JavaScript中：

  object.onratechange=function(){script};

  在JavaScript中，使用addEventListener()方法：

  object.addEventListener("ratechange", script);

• 

  ratechange事件实例

  // 获取id="myVideo"的video元素
  var vid = document.getElementById("myVideo");
  
  // 设置当前视频播放速度为0.3(慢动作)
  function setPlaySpeed() { 
      vid.playbackRate = 0.3;
  } 
  
  // 给视频元素分配一个onratechange事件，如果视频播放速度发生变化，则执行一个函数
  vid.onratechange = function() {myFunction()};
  
  function myFunction() {
      alert("onratechange事件发生-视频播放速度改变");
  }

  复制

  尝试一下
• 

  ratechange事件技术细节

  描述	备注
  支持的HTML标记：	<audio>和<video>
  支持的JavaScript对象：	Audio, Video

• 

  ratechange事件相关页面

  HTML教程：HTML脚本

  HTML教程：HTML视频

  HTML教程：HTML音频