视频无限倍速？一行代码搞定！

最新推荐文章于 2024-05-15 07:21:28 发布
最新推荐文章于 2024-05-15 07:21:28 发布
阅读量5.4k 收藏 12
点赞数 1
分类专栏： # 大学真实用的好东西 文章标签： js web
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/YSJ367635984/article/details/113116413
版权

打开任意网上一个视频页面（谷歌浏览器）
按下键盘F12键弹出小黑框，并点击控制台
在这里插入图片描述

输入代码

document.querySelector('video').playbackRate = 10

我这里是开启了十倍速（具体多少看个人）
敲下回车
播放视频，OMG的，奇怪的语言知识增加了！
注意：如果某些video没有设置playbackRate功能是用不了， 可以拿b站的视频测试一下
在这里插入图片描述

凌晨小街
关注
  • 1
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论
专栏目录
视频加速网页HTML写法
weixin_54048131的博客
01-15 429
【代码】视频加速网页HTML写法。
如何通过输入代码网页视频速度加快，如果想下载插件，可以参考最底部文件
weixin_54048131的博客
01-14 2745
【代码】如何通过输入代码网页视频速度加快。
网页视频倍速
m0_57010556的博客
09-01 1万+
打开视频播放页，按F12，找到控制台（Console）在控制台里面粘贴以下代码（其中之一即可），按回车。可根据自己的需求调节数值大小。
C C++最新复习，网课，视频回放，太慢怎么办，试试倍速播放吧 （无需下载，2024年最新大牛手把手带你
最新发布
2401_84973739的博客
05-15 481
1.定位元素到待倍速播放的视频2.在Console中输入倍速播放代码 document.querySelector(‘video’).playbackRate = 2.0 并回车写的比较详细，适合非开发人员参考，欢迎大神前来指导。请把倍速播放的方法用于正确的用途，不要用来刷网课哦~既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上C C++开发知识点，真正体系化！
浏览器在线视频播放加速方法——直接修改网页代码实现加速
热门推荐
weixin_49716609的博客
04-09 4万+
浏览器在线视频播放加速方法——直接修改网页代码实现加速 主要标志是****标签，这种是最方便实现加速的，因为原生支持。 defaultPlaybackRate (float): The playback speed at which the video should be played playbackRate (float): The current playback speed: 1.0 is normal, 2.0 is two times faster forward -3.0 is three t
浏览器设置视频播放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
JS设置视频播放速度,加速网课视频小技巧
0
08-31 4769
进入到要加速的视频页面按F12打开控制控制台输入代码并回车。
网页控制台控制视频倍速
qq_43500084的博客
11-17 1万+
小伙伴们是否在某些网站看课程视频或刷网课视频，默认没有倍速观看，看得很慢，那今天我们就来看看通过网页控制台来操控视频倍数吧！
简易的html5视频播放倍速代码写法
阿酷tony
03-17 8657
HTML5视频标签有一个叫做playbackRate的属性，用于设置倍速播放。例如设置播放速度为2倍，可以写成
video speed controller 谷歌浏览器视频倍速播放插件
05-19
"video speed controller"是一款专为谷歌浏览器（Google Chrome）设计的视频播放插件，它允许用户自定义视频播放速度，从而实现快进、慢放等倍速播放功能。这款插件对于在线学习、观看教程或者快速浏览视频内容的...
谷歌网页视频倍速插件
05-07
标题中的“谷歌网页视频倍速插件”指的是用于谷歌浏览器（Chrome）的一种扩展程序，它允许用户调整在线视频播放的速度，以实现更快或更慢的观看体验。这种插件通常适用于教育、娱乐、专业发展等多种场景，使得用户...
安徽继续教育视频自动倍速播放
04-25
标题中的“安徽继续教育视频自动倍速播放”指的是一个针对安徽继续教育平台视频的播放功能优化工具，它允许用户以更快的速度观看视频，以便在有限的时间内高效地学习。自动倍速播放通常是指用户可以设置视频播放速度...
网站多倍速看视频.txt
11-21
可以任意倍速观看网站视频
谷歌网页视频倍速播放插件
01-09
标题中的“谷歌网页视频倍速播放插件”指的是一个专门设计用于增强网页视频播放体验的浏览器扩展程序。这个插件允许用户在观看在线视频时调整播放速度，从而提高效率或更好地适应个人的学习和娱乐需求。 描述中提到...
利用python加速视屏
知识搬运者
11-10 216
【代码】利用python加速视屏。
js 加快播放视频速度
大海技术博客
04-07 2520
浏览器打开开发者 在控制台输入如下代码 document.querySelector('video').playbackRate = 10.0
让网页上的视频指定倍速播放
weixin_42052249的博客
05-09 4775
按F12进入控制台，在Console控制台下粘贴上如下代码： document.querySelector('video').playbackRate = 10; //10倍速播放 然后按回车，ok，飞起来吧！！！
谷歌浏览器视频播放加速代码
无心
10-10 4692
document.querySelector("video").playbackRate="16"
Html5播放器如何实现倍速播放
阿酷tony
11-03 4755
设置为false则关闭倍速，可传入数组自定义显示哪几种倍速，速率1不需要填入，会自动添加，所设置速率值必须大于0，少于或等于3，最多设置6种速率（不包含1），所设置值会按由大到小自动排序
给我写一段代码，内容是网页视频倍速播放
05-19
以下是一段简单的 JavaScript 代码，可以让你的网页视频倍速播放： ``` javascript // 获取视频元素 const video = document.querySelector('video'); // 设置初始播放速度为1.0倍 let playbackRate = 1.0; // 获取倍速选择器元素 const speedSelector = document.querySelector('#speed-selector'); // 绑定倍速选择器的 change 事件 speedSelector.addEventListener('change', function() { // 获取选择的倍速值 const selectedSpeed = this.value; // 将播放速度设置为选择的倍速 video.playbackRate = selectedSpeed; // 更新当前播放速度 playbackRate = selectedSpeed; }); // 获取加速按钮元素 const speedUpButton = document.querySelector('#speed-up'); // 绑定加速按钮的 click 事件 speedUpButton.addEventListener('click', function() { // 将播放速度加快 0.25 倍 playbackRate += 0.25; // 将播放速度限制在 2.0 倍以内 playbackRate = Math.min(playbackRate, 2.0); // 将播放速度设置为新的值 video.playbackRate = playbackRate; // 更新倍速选择器的值 speedSelector.value = playbackRate; }); // 获取减速按钮元素 const slowDownButton = document.querySelector('#slow-down'); // 绑定减速按钮的 click 事件 slowDownButton.addEventListener('click', function() { // 将播放速度减慢 0.25 倍 playbackRate -= 0.25; // 将播放速度限制在 0.5 倍以内 playbackRate = Math.max(playbackRate, 0.5); // 将播放速度设置为新的值 video.playbackRate = playbackRate; // 更新倍速选择器的值 speedSelector.value = playbackRate; }); ``` 解释： 1. 首先，我们获取 `<video>` 元素，并将初始播放速度设置为 1.0 倍。 2. 然后，获取倍速选择器和加速、减速按钮的元素，并分别绑定它们的事件。 3. 当倍速选择器的值改变时，我们将播放速度设置为选择的倍速，并更新当前播放速度。 4. 当加速按钮被点击时，我们将当前播放速度加快 0.25 倍，并将播放速度限制在 2.0 倍以内。然后，将播放速度设置为新的值，并更新倍速选择器的值。 5. 当减速按钮被点击时，我们将当前播放速度减慢 0.25 倍，并将播放速度限制在 0.5 倍以内。然后，将播放速度设置为新的值，并更新倍速选择器的值。 你可以将这段代码添加到你的网页中，并根据需要进行修改。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

凌晨小街

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

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

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

打赏作者

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

抵扣说明：

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

余额充值