视频跨平台播放器倍速播放

// 视频获取速率
var videoSpeed = video.playbackRate;
// 视频设置播放速率,如正常速度播放
video.playbackRate = 1.0;
// 获取音频播放速率
var audioSpeed = audio.playbackRate;
// 音频设置播放速率,如正常速度播放
audio.playbackRate = 1.0;
<video id="video" width="180" height="314" autobuffer controls src="./sing-song.mp4" type="video/mp4"></video>
<p>选择播放速率:<select id="selRate">
    <option value="0.5">0.5</option>
    <option value="1" selected>1.0</option>
    <option value="1.25">1.25</option>
    <option value="1.5">1.5</option>
    <option value="2">2.0</option>
</select></p>
<p><button id="btnPlay">视频播放</button></p>

浏览器支持情况

Internet Explorer 9+, Firefox, Opera, Chrome 以及 Safari 支持 <video> 标签。

注释:Internet Explorer 8 以及更早的版本不支持 <video> 标签。

原video代码

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>HTML5新标签-Video</title>
</head>
<body>
 
    <video id="player" width="600" height="400" controls preload="auto">
        <source src="video/birds.mp4" type="video/mp4">
        <source src="video/birds.ogg" type="video/ogg"> 
        
        您的浏览器版本太低了,不支持video播放,请升级到最新版本!
    </video>
 
</body>
</html>

猜你喜欢

转载自blog.csdn.net/ffffffff8/article/details/97623023