tryhtml5_av_event_ratechange_html 在线代码实例

实例代码( 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
<!DOCTYPE html> 
<html> 
<body> 
<p>该实例中，我们为 video 元素添加 "onratechange" 事件。  playbackRate 属性用于修改视频的播放速度。</p>
<video id="myVideo" width="320" height="176" autoplay controls onratechange="myFunction()">
  <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;
} 
//在视频播放速度发生改变时弹出提示信息
function myFunction() { 
     alert("onratechange 事件触发 - 视频播放速度已改变");
}
</script> 
</body> 
</html>
 
 
הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
运行结果
PC端手机端平板端