打开控制台, console标签下
$('#vplayer_html5_api')[0].playbackRate=你要的速度(默认为1,0.1~2之间)
方式二
废话不多说, 以极客为例。就很简单两个步骤和几行代码:
F12 --->firebug--->
点击video 获取到div的Id:
即: play_video_html5_api
然后在console运行如下代码:
var vid = document.getElementById("play_video_html5_api");
vid.playbackRate = 1.5;
然后你就能看到视频的播放速度正在以x1.5倍的速度播放,没错,就是那么简单粗暴
方式三
playbackRate属性;设置或返回声频、视频的播放速度
使用playbackRate属性设置或返回声频、视频的播放速度。
值 | 说明 |
---|---|
播放速度 | 指定当前声频、视频的播放速度。值:
|
返回值 | 数值,速度;默认值:1.0; |
JavaScript 语法:audio/video.playbackRate |
使用例
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<button onclick="getPlaySpeed()" type="button">播放速度?</button>
<button onclick="setPlaySpeed()" type="button">设置慢速播放</button><br>
<video id="video1" width="480" height="270" controls="controls">
<source src="material/sample.mp4" type="video/mp4"/>
<source src="material/sample.ogv" type="video/ogg"/>
你的浏览器不支持HTML5 video.
</video>
<script>
var vid = document.getElementById("video1");
function getPlaySpeed() {
alert(vid.playbackRate);
}
function setPlaySpeed() {
vid.playbackRate = 0.5;
}
</script>
</body>
</html>
不同浏览器的对应情况
属性 | |||||
playbackRate | 9.0 | yes | 3.5 | yes | yes |
赞助商