html运行实例（event_onratechange

代码示例：（标识：event_onratechange_dom）
<!DOCTYPE html> 
<html> 
<body> 

<p>在此例中，我们使用 HTML DOM 将 "onratechange" 事件分配给 video 元素。playbackRate 属性用于更改视频的播放速度。</p>

<video id="myVideo" width="320" height="240" autoplay controls>
  <source src="/static/demo/video/shanghai.mp4" type="video/mp4">
  Your browser does not support the video tag.
</video><br>

<button onclick="setPlaySpeed()" type="button">设置视频以慢动作播放</button>

<script>
// 获取 id="myVideo" 的 video 元素
var x = document.getElementById("myVideo");

// 将视频的当前播放速度设置为 0.3（慢动作）
function setPlaySpeed() { 
  x.playbackRate = 0.3;
} 

// 为 video 元素分配 onratechange 事件，并在视频播放速度发生变化时执行函数
x.onratechange = function() {myFunction()};

function myFunction() {
  alert("The playing speed of the video was changed");
}
</script> 

</body> 
</html>