B站视频自定义倍速播放

最新推荐文章于 2025-02-27 20:58:51 发布

wangy_sqq

最新推荐文章于 2025-02-27 20:58:51 发布

阅读量1.2k

点赞数 2

文章标签： html5

本文链接：https://blog.youkuaiyun.com/wangy_sqq/article/details/120228076

版权

在B站视频学习中，2倍速无法满足需求，通过研究和前端同事的协助，发现可以修改视频切换倍数标签的值，实现自定义播放速度。这种方式通过改变倍数值并触发请求来实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近看B站视频学习的过程中，感觉2倍速还是不够快，想着能不能自定义倍速，于是查了下，发现大多是让F12打开控制台后输入以下代码：

document.querySelector('video').playbackRate = 倍数

或者是这个

var o=document.getElementsByTagName("video");
for(

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

wangy_sqq

关注关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Chrome设置视频自定义倍速的解决方案

weixin_43178406的博客

02-15

2万+

本文主要介绍了Chrome设置视频自定义倍速的解决方案，希望能对新手有所帮助。下图为B站视频设置三倍速后的效果图。文章目录 1. 问题描述 2. 解决方案

Vue3 - 实现视频小窗播放功能效果，仿B站视频播放效果，网页视频播放器下拉后悬浮在右下角进行小窗口贴合跟随播放（vue3滚动到视频离开可视区后出现小窗，类似b站小窗口播视频播放，视频小屏画中画）

最新发布

王二红

04-01

5525

vue3，小屏播放，vue3视频小窗播放，实现视频小窗口播放-画中画，使用Vue3中的Teleport API实现B站视频播放效果，实现B站视频页面滚动开启小屏播放功能，vue3实现B站播放的视频离开可视窗口时，在右下角显示小窗口，vue3实现滚动到视频离开可视区后出现小窗(类似b站小窗) setup，视频组件小窗口应用，悬窗播放视频，视频会自动缩小并固定在页面的一角继续播放，vue3 B站下滚大视频变小视频，视频播放和画中画悬浮窗，观看视频时,如果向下滚动页面,视频会自动缩小，小窗播放功能，video画中

参与评论您还未登录，请先登录后发表或查看评论

哔哩哔哩 B站 bilibili 视频倍速设置视频倍速可自定义

c_lanxiaofang的博客

08-27

6145

该代码用于设置倍速为3，最后的数值是多少就是多少倍速，可以带小数点，注意小数点符号正确即可（小贴士：如果是第一次操作的朋友浏览器处于安全考虑会有提示输入 allow pas...再允许粘贴代码是正常的）2、进入控制台方式二：还可以在视频播放页的空白处鼠标右键点击。1、进入控制台方式一：可以按键盘。再在出现的调试中选择控制台。

自定义B站视频播放速度

m0_74779750的博客

02-27

353

浏览器脚本

B站看视频如何自定义倍速

lookingforqingyu的博客

05-11

1209

注意：代码敲完回车后，倍速并没有改变，这是因为倍速列表中的标签元素还未再次选中（事件未再次触发），你只需要在页面中再次手动选择一次你自定义的倍速即可。以上是3倍速，你可以修改其中三处的数值，来自定义倍速。（第一处的值data-value才是真实值，后面两处的值只是为了显示）此种方式在列表观看视频时，倍速不会恢复默认，会一直保持。

最新B站视频自定义倍速播放

将~军的博客

09-18

3865

可能是B站重写了网页，导致以前的倍速播放的办法无法使用。最新代码（虽然不一定都适用，但是测试了几个都是可以的） document.querySelector('.bilibili-player-dm-tip-wrap').setAttribute('data-value',3).click();//3是倍速的倍数。具体使用方法：点这 ...

看网页视频如何自定义倍速（b站举例）

L缶神的博客

06-14

4808

我们在观看网页版视频时，绝大部分都是只有2倍速，但有时候我们需要更高的倍速，这时候我们应该怎么办呢？以b站的页面播放举例，我们可以看到最多只能选择2倍速。这时候我们在页面按F12键或Ctrl+Shift+i键进入开发者模式，如图所示然后点击Console，在下方控制台输入document.querySelector('video').playbackRate = 3.0，也就是输入框闪烁的地方，按Enter回车，这时候就可以发现页面视频变为了3倍速。同样如果你觉得还不够快，可以将代码中的3.0改成你想要的速

B站视频倍速播放代码

qq_56656217的博客

06-29

1299

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

FFmpeg视频播放器开发实践：实现视频播放器的倍速播放和循环播放

本文旨在介绍如何利用FFmpeg库开发一个自定义的视频播放器，并实现其中的倍速播放和循环播放功能。通过本文的学习，读者将掌握如何使用FFmpeg库进行音视频处理，以及如何在视频播放器中实现特定的功能拓展。接下来...

苹果cmsV10仿B站风格源码_cardinfo_苹果cmsV10仿B站风格源码_仿b站播放器_php_仿b站源码_

09-30

这个播放器可能具备B站播放器的特性，如高清视频流支持、多格式解码、倍速播放、弹幕显示等。同时，播放器可能也集成了广告插播、视频预加载等功能，以满足网站运营的需求。为了实现这些功能，源码可能使用了HTML5的...

B站自定义播放倍数（亲测有效）

weixin_51146698的博客

08-05

1514

B站自定义播放倍数（亲测有效）

b站调节视频倍速(2-6倍速可选)

zhudingfengshen的博客

01-20

2678

首先安装油猴(Tampermonkey) 参考这篇文章在该网站进行搜索安装即可

b站任意倍速播放

雲泥有別尘亦生辉

04-12

553

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

随意调节B站倍速播放

m0_52784892的博客

11-27

479

B站倍速播放

B站视频随意倍速播放方法-javasrcipt操作元素

weixin_52309176的博客

10-07

921

随意倍速播放B站视频方法标题-javasrcipt操作元素参考原文链接：https://blog.youkuaiyun.com/MengYiKeNan/article/details/120374317. 之前有朋友说这段代码可以用， document.querySelector('video').playbackRate = 3 //3表示倍速，可随意改变昨天试了，视频并没有变速，控制台一直报错，可能是B站重写了网页，这段代码无法使用了。新的办法 var changeSpeed = documen

网页版B站视频任意倍速播放

red_red_red的博客

05-13

809

var o=document.getElementsByTagName("video"); for(let i=0,leng=o.length;i<leng;i++){ o[i].playbackRate=2.5; }

B站视频任意调整倍速

赵昕彧

04-10

2242

方法一该方法应用于单个视频有效。按F12，在console界面中，添加下面语句。添加等于号后面的数字为倍速。 document.querySelector('video').playbackRate = 3 方法二使用插件解决，可以应用于多处，不只是B站。插件名称Video Speed Controller。下载地址：Video Speed Controller 也可以在百度搜索下载，将文件加入google浏览器插件中即可使用。 ...