html 实例源码
实例源码：
源代码：
执行
执行中...
x
1
<!DOCTYPE html> 2
<html> 3
<head> 4
<meta charset="utf-8"> 5
<title>时代Java与您共同学习(NowJava.com)</title> 6
</head>7
<body> 8
9
<p>该实例中，我们使用了 addEventListener() 方法为 video 元素添加 "onratechange" 事件。 playbackRate 属性用于修改视频的播放速度。</p>10
11
<video id="myVideo" width="320" height="176" autoplay controls>12
<source src="mov_bbb.mp4" type="video/mp4">13
<source src="mov_bbb.ogg" type="video/ogg">14
您的浏览器不支持 HTML5 video 标签。15
</video>16
<br>17
18
<button onclick="setPlaySpeed()" type="button">设置视频慢速播放</button>19
20
<script>21
// 获取 id="myVideo" 的 <video> 元素22
var vid = document.getElementById("myVideo");23
24
// 设置视频播放速度为 0.3 (慢速)25
function setPlaySpeed() 26
{ 27
vid.playbackRate = 0.3;28
} 29
30
// 为 <video> 添加 ratechange 事件，在视频的播放速度发送改变时执行函数，函数将弹出提示文本信息。31
/**代码未完, 请加载全部代码(NowJava.com).**/执行结果：
本文系作者在时代Java发表，未经许可，不得转载。如有侵权，请联系nowjava@qq.com删除。
编辑于
关注时代Java