网页看视频,加速敢看的技巧

最新推荐文章于 2024-01-15 23:50:19 发布

lacrimarrum

最新推荐文章于 2024-01-15 23:50:19 发布

阅读量1.7w

点赞数 2

分类专栏： JS 文章标签： JS

JS 专栏收录该内容

1 篇文章

订阅专栏

打开控制台, console标签下

$('#vplayer_html5_api')[0].playbackRate=你要的速度(默认为1,0.1~2之间)

方式二

废话不多说，以极客为例。就很简单两个步骤和几行代码：
F12 --->firebug--->
点击video 获取到div的Id: 小技巧:如何在看视频时让视频播放速度x2
即： play_video_html5_api

然后在console运行如下代码：
var vid = document.getElementById("play_video_html5_api");
vid.playbackRate = 1.5;

然后你就能看到视频的播放速度正在以x1.5倍的速度播放，没错，就是那么简单粗暴

方式三

playbackRate属性;设置或返回声频、视频的播放速度

使用playbackRate属性设置或返回声频、视频的播放速度。

属性值及其说明
值	说明
播放速度	指定当前声频、视频的播放速度。值： 1.0:标准速度； 0.5:半速（慢速）； 2.0:双倍速度（快速）； -1.0:后退（标准速度）； -0.5:后退（半速）;
返回值	数值，速度；默认值：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>