【日常科普】浏览器网页视频自定义倍速播放（无需任何插件）

已于 2022-03-23 14:34:44 修改
阅读量2.4w 收藏 34
点赞数 13
文章标签： 前端
于 2022-03-23 14:27:51 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48701521/article/details/123683649
版权
通过浏览器开发者工具，只需简单几步即可自定义网页视频播放速度。在控制台输入指定代码，例如`document.querySelector('video').playbackRate=3.0;`，即可实现视频3.0倍速播放，甚至可以调整到更高的速度，如演示的10倍速。这种方法让观看视频或学习变得更加高效。
摘要由CSDN通过智能技术生成

前言

你想花最少的时间追最多的剧吗？你嫌弃过3倍速追剧刷课慢吗？
三秒钟教你任意倍速观看网页视频
在这里插入图片描述

一、步骤

网页空白处右键，选择“检查”/“审查元素”（浏览器不同名称有区别）
请添加图片描述
选择控制台（concole）
请添加图片描述
输入下面这行代码（最后数字为真实倍速）

document.querySelector('video').playbackRate = 3.0;

回车运行
请添加图片描述

二、最终效果

自定义倍速效果如下，为了效果明显设置10倍速播放，可自行调节观看速度。

温馨提示：进度条仍然显示1倍速

在这里插入图片描述

九芒星#
关注
支持倍速播放的TV视频播放器源码
08-23
使用Kotlin语言编写的一款集成了ijkplayer的视频播放器，同时实现了本地和在线播放功能，支持倍速播放。
在线观看视频--使用代码倍速播放
小北风的博客
11-26 1万+
有些在线播放的视频没有倍速播放按钮，这时又想倍速看，怎么办呢？ 此时我们需要使用在网页的控制台写几句简单的代码就能完成倍速播放。步骤如下： s1：浏览器右键–检查，或者使用快捷键F12，找到控制台，即console s2：然后输入以下代码，后回车 ```javascript document.querySelector('video').defaultPlaybackRate = 2.0;//默认两倍速播放 document.querySelector('video').play(); /* now
html5视频倍速播放实现
最新发布
阿酷tony
07-31 384
1. 倍速播放功能可以让视频加速或者减速播放； 2. 在PC端，HTML5播放器能轻松实现倍速播放功能，您可以将视频的播放速度设定为0.5倍，1倍（正常速），1.2倍，1.5倍，2倍。移动端要使用倍速功能，则是通过集成SDK来实现；
浏览器设置视频播放0.5/2/3/4倍速的代码
阿酷tony
09-14 1万+
以谷歌浏览器为例：按键Ctrl−Shift−I，在console标签下，输入： 0.5倍速： document.getElementsByTagName("video")[0].playbackRate = 0.5 2倍速： document.getElementsByTagName("video")[0].playbackRate = 2 3倍速： document.getElementsByTagName("video")[0].playbackRate = 3 4倍速： doc
视频倍速播放
qq_36521848的博客
12-26 7950
2、安装插件文章：https://blog.csdn.net/qq_36521848/article/details/122242540。页面右上角有一个按钮，用于调整播放倍速，可以点击按钮调节，也可手动输入数字。注：快捷键：单手：‘x’ ‘c’ 或者 双手：ctrl+左右箭头。看视频，追剧，学习，只有两倍速，有点慢，使用脚本调整。5、周到的倍速记忆（默认记录当前设置倍速）建议倍数不要调整太高，你懂得^_^
网页视频倍速
m0_57010556的博客
09-01 1万+
打开视频播放页，按F12，找到控制台（Console）在控制台里面粘贴以下代码（其中之一即可），按回车。可根据自己的需求调节数值大小。
谷歌网页视频倍速播放插件
01-09
更改大多数在线 Flash 和 HTML5 视频的播放速度 使用热键快速更改预设速度 快速切换正常、快、慢播放速度 显示您已节省的时间 通过社交媒体与其他人分享
网页视频倍速播放
m0_47891412的博客
03-20 919
浏览网页时，常常遇到页面并无可控倍速按钮的情况。 这时要怎么办呢？ 解决此问题只需一行代码。 首先 【CtrI+Shift+I】，进入控制台，输入之后 Enter document.querySelector('video').playbackRate=2 速度自行修改 成功倍速播放 ...
倍速播放网页视频
莫迪134
09-01 1944
倍速播放网页视频
网页版视频怎么加快播放速度
热门推荐
北极的企鹅
08-26 3万+
网页版视频怎么加快播放速度
Enounce MySpeed, Flash在线视频倍速播放
04-05
Enounce MySpeed, Flash在线视频倍速播放。可以在IE下进行倍速播放
浏览器护眼插件
09-15
浏览器护眼插件，提供绿色和黑色两种遮罩，遮罩强度可调节。360、淘宝等浏览器可直接拖入安装。chrome浏览器需要进入开发者页面安装。
网页设计课小组作业-基于HTML的天文科普网静态网页源码.zip
07-07
网页设计课小组作业-基于HTML的天文科普网静态网页源码.zip 网页设计课小组作业-基于HTML的天文科普网静态网页源码.zip 网页设计课小组作业-基于HTML的天文科普网静态网页源码.zip 曾经的网页设计课小组作业。纯手...
web期末大作业基于html+css实现的天文科普网页源码(html期末大作业)..zip
05-20
web期末大作业基于html+css实现的天文科普网页源码(html期末大作业).已获导师指导并通过的97分的高分大作业设计项目，可作为课程设计和期末大作业，下载即用无需修改，项目完整确保可以运行。 web期末大作业基于...
大学生Web前端静态网页设计期末大作业之天文科普网页设计（高分必看）.zip
11-19
大学生Web前端静态网页设计期末大作业之天文科普网页设计（高分必看）.zip这是95分以上高分必过大作业设计项目，下载即用无需修改，确保可以运行，也可作为课程设计。 大学生Web前端静态网页设计期末大作业之天文...
python爬网页视频_Python爬虫进阶之爬取某视频并下载的实现
weixin_39946767的博客
12-08 1775
这几天在家闲得无聊，意外的挖掘到了一个资源网站(你懂得)，但是网速慢广告多下载不了种种原因让我突然萌生了爬虫的想法。下面说说流程：一、网站分析首先进入网站，F12检查，本来以为这种低端网站很好爬取，是我太低估了web主。可以看到我刷新网页之后，出现了很多js文件，并且响应获取的代码与源代码不一样，这就不难猜到这个网站是动态加载页面。目前我知道的动态网页爬取的方法只有这两种：1、从网页响应中找到JS...
F12控制视频倍速播放
怪兽!!!的博客
11-08 7879
一招搞定，倍速播放
blob写法的浏览器兼容性
阿酷tony
07-12 1315
blob写法的浏览器兼容性： 我的视频应用类原创文章 酷播云免费视频二维码的完整使用教程（适合小企业做微信视频宣传） 视频二维码的适用场景 微信公众号直播有哪些不一样的玩法？ 微信视频直播如何做收费直播（如何做付费的微信直播）图文教程 说说视频编码格式、视频码率、视频帧率、分辨率的概念 原创教程：带ppt课件和讲师画面的教学视频录制完整教程 如何做电视节目的视频直播（电视台节目直播） 做视频直播时如何测试本地网络的上行带宽(网速测试) usb摄像头做教学直播实现pc和手机都可以..
学习通刷课16倍速代码
12-28
以下是学习通刷课16倍速的代码示例： ```javascript document.querySelector('video').playbackRate = 16; ``` 这段代码使用了JavaScript来控制学习通视频的播放速度。通过将`playbackRate`属性设置为16，可以将视频的播放速度调整为16倍。你可以在浏览器的开发者工具中的控制台中执行这段代码，或者将其添加到学习通网页的自定义脚本中。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

九芒星#

你的鼓励是我创作最大的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值