x
1
2
<html>3
<head>4
<meta charset="utf-8">5
</head>6
<body>7
8
<button onclick="getPlaySpeed()" type="button">回放的速度是多少？</button>9
<button onclick="setPlaySpeed()" type="button">视频设置为慢速播放</button>10
<br>11
<video id="video1" controls="controls">12
<source src="/examples/mov_bbb.mp4" type="video/mp4">13
<source src="/examples/mov_bbb.ogg" type="video/ogg">14
您的浏览器不支持 HTML5 video 标签。15
</video>16
17
<script>18
myVid = document.getElementById("video1");19
20
function getPlaySpeed() {21
alert(myVid.playbackRate);22
}23
24
function setPlaySpeed() {25
myVid.playbackRate = 0.5;26
}27
</script>28
29
<p>Video courtesy of <a href="http://www.bigbuckbunny.org/" target="_blank">Big Buck Bunny</a>.</p>30
31
</body>32
</html>