必威体育Betway必威体育官网
当前位置:首页 > IT技术

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

时间:2019-08-21 21:13:15来源:IT技术作者:seo实验室小编阅读:65次「手机版」
 

网页视频

打开控制台, console标签下

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

方式二

废话不多说, 以极客为例。就很简单两个步骤和几行代码

F12 --->firebug--->

点击video  获取到p的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 type="button">播放速度?</button>

<button 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

赞助商

相关阅读

移动互联网出海冷暖自知,LIKE短视频如何成为进击的黑马

短视频新功能赋予普通用户以更多的新技能,大大拓展了创作内容的题材与方向,从而最大限度地避免了UGC题材的重复性。这正是LIKE短视

解决网页打开慢/正在解析主机问题

网页解析慢通常是DNS的问题,如果DNS设置正常还有问题,那么可以检查下是否与多网卡配置有关。本例中就是因为安装了vmware虚拟机导致

2345浏览器怎么翻译整个网页?

我们平时在上网的时候,有时也会浏览一些国外的网站,但对于英文水平不高的人来说无疑是一种煎熬。这时我们就可以使用浏览器的网页翻

微淘直播视频在哪里开通?申请的方法是什么?

微淘目前是店铺引流的最佳平台之一,很多买家朋友在微淘开通视频直播来吸引顾客。那么具体应该在哪里开通了吗?下面小编为大家介绍

搬运视频如何做出伪原创

现在的自媒体行业,有很多的同行对于搬运的视频怎么做成伪原创,都是很费心的事情,现在我们可以用工具把我们搬运来的视频处理一下,来达

分享到:

栏目导航

推荐阅读

热门阅读