将视频设置为慢动作播放:
<button onclick="getPlaySpeed()" type="button">播放速度是多少?</button> <button onclick="setPlaySpeed()" type="button">将视频设置为慢动作播放</button><br> <video id="myVideo" width="320" height="176" controls> <source src="../../../assets/mov_bbb.mp4" type="video/mp4"> 您的浏览器不支持 HTML5 视频。 </video> <script> var vid = document.getElementById("myVideo"); function getPlaySpeed() { alert(vid.playbackRate); } function setPlaySpeed() { vid.playbackRate = 0.5; } </script>
JavaScript:
var vid = document.getElementById("myVideo");
vid.playbackRate = 0.5;
PlaybackRate
属性设置或返回音频/视频的当前播放速度。
表中的数字指定了完全支持该属性的第一个浏览器版本。
属性 Property | |||||
---|---|---|---|---|---|
playbackRate | Yes | 9.0 | 20.0 | Yes | Yes |
返回 playbackRate
属性:
audio|video.playbackRate
设置 playbackRate
属性:
audio|video.playbackRate=playbackspeed
值 Value | 描述 Description |
---|---|
playbackspeed | 指示音频/视频(audio/video)的当前播放速度。 示例值: * 1.0 是正常速度* 0.5 是半速(较慢)* 2.0 为双倍速度(更快)* -1.0 是向后,正常速度* -0.5 是向后,半速 |
返回值: | number,当前播放速度 |
默认值: | 1.0 |