解决Edge输入document.querySelector(‘video‘).playbackRate = 2.5视频无法加速的问题，‘Uncaught (in promise) TypeErro’

已于 2024-03-02 18:14:22 修改
阅读量4.4k 收藏 13
点赞数 8
分类专栏： 学习方法 操作小技巧 文章标签： 前端 javascript html
于 2024-01-14 02:17:19 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_54048131/article/details/135578404
版权
本文讲述了在谷歌和火狐浏览器支持视频加速的情况下，遇到Edge浏览器播放视频时playbackRate失效的问题。作者提供了定位到iframe、使用开发者工具和安装GlobalSpeed插件来调整视频速度的解决方案。

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

1、今天使视频速播放的时候，发现爆出了一个问题，谷歌和火狐浏览器的控制台都可以进行加速，但是轮到Edge却出现了这样一个问题

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

2、还爆了这样的一个错误，Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'code')

3、这里如何解决，这里参考的是大佬游一尘的文章，感兴趣的伙伴可以到进行查阅：

最低0.47元/天 解锁文章
MS Edge浏览器坏了？网页播放视频的速度不对
小白电脑技术的博客
03-30 7934
Edge的这些功能在那些没有媒体浏览器控件的播放上还是挺好使的。
document.querySelector(‘video‘).playbackRate报错
热门推荐
weixin_45034895的博客
09-02 2万+
之所以会发这一篇，是因为我习惯1.75倍速播放，但是b站只有1.5和2，搞得我很头疼。本来我有个插件，可以1.75倍加速播放的，但是最近不能用了，不知什么原因。所以我就搜索了下有什么办法可以修改b站视频播放倍速。然后就有了如下得内容。 查到的办法 按F12在控制台输入如下代码 document.querySelector("video").playbackRate="16" 据说这个办法可以修改倍速。 报错 我用了之后报错了，原因是啥？别人打开源码，里面由video的标签，我没有。所以肯定报错。 别人的：
问题 | 一招教你搞定不能快进的网页视频
最新发布
尘世冰封的专栏
03-20 952
如何将网页内不可快进的视频快进
JS中document.querySelector什么意思
ggq53219的博客
05-25 3109
document.querySelector 是 JavaScript 中的一个 DOM (Document Object Model) 方法
网页视频不能加速播放设置
weixin_45965192的博客
07-23 3679
这行代码的作用是将指定的`<video>`元素的播放速度设置为 2 倍速。通过`document.querySelector("video")`获取页面上的第一个`<video>`元素，然后将其`playbackRate`属性设置为 2，从而改变视频的播放速度。视频右键检查点击控制台，命令行输入代码 document.querySelector("video").playbackRate="2"网页视频不能加速播放。
python中利用js操作video标签
lgl9958123的博客
08-30 1917
自动化时，遇到操作视频的时候有时比较让人头疼，定位时会发现只有一个。本人学习后发现有两个问题暂没解决，知道的小伙伴可留言告知。可执行全屏，但我试了没有反应，本人谷歌浏览器）刷剧时，苦于页面设置进度最快也就三倍速，此时。的相关属性和方法就可实现，我们继续往下看。来取消静音状态后再去设置音量大小。是表示解除静音，此时视频会暂停。判断当前视频是播放还是暂停状态（设置清晰度，通过设置播放源来设置。若当前视频是静音状态，此时设置。属性来实现的，因此需要先知道。设置视频播放音量大小（是没有效果的，因为执行。
[译]HTML5:video.playbackRate以及download属性
weixin_33989780的博客
12-06 490
原文:https://hacks.mozilla.org/2012/12/firefox-development-highlights-video-playbackrate-download-attribute/ 本文要讲两个Firefox Nightly(20)的新特性. video元素支持自定义播放速率 通过改变video.playbackRate属性的值可以改变视频的播放速率.1....
document.querySelector(video).playbackRate=16
09-03
通过使用document.querySelector("video").playbackRate="16"代码，可以将video元素的播放速度设置为16。这是通过querySelector方法选择video元素，然后使用playbackRate属性将播放速度设置为16。另外，还可以使用...
document.querySelector(‘video’).playbackRate=16如何在edge使用在哪执行 具体步骤
10-30
在Microsoft Edge浏览器中，要使用JavaScript修改HTML5 `<video>`元素的播放速度，你需要首先确保页面加载完成后再执行此操作，因为`querySelector`方法依赖于DOM已经解析完毕。以下是具体步骤： 1. **打开开发者...
document.querySelector ('video ). playbackRate=16解释一下
03-13
这是一个 JavaScript 代码，它将视频播放速度...具体来说，它使用 document.querySelector() 方法选择页面中的第一个视频元素，然后使用 playbackRate 属性将其播放速度设置为 16。这意味着视频将以非常快的速度播放。
document.querySelector("video").playbackRate=1怎么修改可以变成修改CKPlayer视频进度
10-10
在HTML中，`document.querySelector("video").playbackRate=1` 这段代码是用来改变指定视频元素的播放速度，如果要应用到CKPlayer上，因为CKPlayer本身不是一个标准的HTML `<video>` 元素，而是一个基于Web播放器...
Video对象的playbackRate属性和duration、ended属性介绍
kphper的博客
11-26 1万+
html5知识学习之Video对象学习课程，Video对象的playbackRate属性设置或返回视频的当前播放速度；duration和ended两个属性为只读属性，duration返回当前视频的长度，以秒计；ended属性返回视频是否已结束；下面让我们通过kphp框架学习网站来给大家详细介绍一下Video的这三个属性。(8)playbackRate 属性 playbackRate 属性设置或返回
视频倍速播放（视频倍速率来加速播放音视频文件）
专注企业级视频应用，企业视频直播、MR虚拟直播、教育培训连麦直播
09-16 1562
倍速播放问题，在html5代码中，是使用playbackRate来实现，音频、视频播放速率都可以实现： // 获取视频速率 var playback = video.playbackRate; // 设置视频播放速率 video.playbackRate = 1.5; // 获取音频播放速率 var audioPlay = audio.playbackRate; // 设置音频播放速率 audio.playbackRate = 1.5; 完整示例代码如下： <video id="vid...
JavaScript设置视频播放速度
一个懒鬼的博客
03-18 3644
JavaScript设置视频播放速度 喜欢媒体已经从自定义插件(Flash ... gross)转移到基本HTML中<video>和<audio>元素。例如，将这些媒体源视为另一个元素，我们可以使用CSS过滤器来调整显示。我们需要做的ffmpeg或插件越少越好。 许多视频网站都实现了调整视频播放速度的功能，如果试图更快地通过一些体育赛事亮点或者看到怪物在超慢动作中扣篮，希望它不需要某些特殊类型的服务器来以较慢或较快的块发送文件，你所需要的只是使用javascript中playb.
调整video的播放速率
10-29 4340
有时候，自己在看视频的时候，给你调节的速率往往就是0.5，1，1.5，2倍，有时候不是自己想要的速度，例如看日剧，1.5像是正常播放速度，2倍速又太快，那么，1.75左右才算是刚刚好，所以就来自己设置一下吧，只需要两行代码。1.打开开发者工具，找到video标签的class或者id。现在就可以愉快的玩耍了。下面以我看的的一个网站为例举例一下。
JS的简单小应用——修改播放器速率
qq_45313088的博客
02-29 6268
总有一些小伙伴在看视频时感叹，要是有3倍速就好啦！！ 让我们以B站的视频播放为例！今天3倍速它来了。
视频调整播放速度
weixin_44123848的博客
06-19 704
1.打开开发者工具，找到(添加)video标签的class或者id。
活动直播做多会场切换功能（会场一、会场二、会场三自由切换）
阿酷tony
10-29 1556
活动直播做多会场切换功能（会场一、会场二、会场三自由切换） TONY原创，2020-10-29 活动直播做多会场切换功能截图 特点：支持PC端，也支持移动端观看，会场自由切换 我的视频应用类原创文章： 酷播云免费视频二维码的完整使用教程（适合小企业做微信视频宣传） 视频二维码的适用场景 微信公众号直播有哪些不一样的玩法？ 微信视频直播如何做收费直播（如何做付费的微信直播）图文教程 说说视频编码格式、视频码率、视频帧率、分辨率的概念 原创教程：带ppt课件和讲师画面的教...
谷歌浏览器实现浏览器页面速播放视频
qq_55888300的博客
08-27 1万+
谷歌浏览器按f12,选择console 输入 document.querySelector('video').playbackRate = 3; 操作如下 回车，即可实现3倍速播放，其中3可以改为1-16中的任意数字实现1-16倍速页面视屏播放 以前的代码： videojs.getPlayers(“video-player”).html5player.tech_.setPlaybackRate(3.5) 已经无效，不能使用了 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

爱你三千遍斯塔克

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

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

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

打赏作者

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

抵扣说明：

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

余额充值