tryhtml5_av_event_ratechange 在线代码实例

实例代码( Tip: 登录后体验更佳 )
运行代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<!DOCTYPE html> 
<html> 
<body> 
<p>该实例中，我们使用了 HTML DOM 为 video 元素添加 "onratechange" 事件。  playbackRate 属性用于修改视频的播放速度。</p>
<video id="myVideo" width="320" height="176" autoplay controls>
  <source src="/statics/demosource/mov_bbb.mp4" type="video/mp4">
  <source src="/statics/demosource/mov_bbb.ogg" type="video/ogg">
  您的浏览器不支持 HTML5 video 标签。
</video>
<br>
<button onclick="setPlaySpeed()" type="button">设置视频慢速播放</button>
<script>
// 获取 id="myVideo" 的 &lt;video&gt; 元素
var vid = document.getElementById("myVideo");
// 设置视频播放速度为 0.3 (慢速)
function setPlaySpeed() { 
    vid.playbackRate = 0.3;
} 
// 为 &lt;video&gt; 添加 ratechange 事件，在视频的播放速度发送改变时执行函数，函数将弹出提示文本信息。
vid.onratechange = function() {myFunction()};
function myFunction() {
    alert("onratechange 事件触发 - 视频播放速度已改变");
}
</script> 
</body> 
</html>
 
 
הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
运行结果
PC端手机端平板端