浏览器中修改视频播放速度

一、前言

在浏览器观看视频时无法设置视频倍速，或提供的倍速不够，还想要加快播放速度。解决这个问题只需要简单几步即可随意设置播放速度。在此之前需要了解一点点的浏览器操作知识与JS语法，不会也没关系按照下面操作就可以。

二、知识点介绍

这里介绍一下视频对象的一些属性和方法，如果不感兴趣可以直接看下面的操作步骤。

2.1 音频方法

2.2 音频属性

2.3 音频事件

三、修改视频速度

3.1 获取视频播放对象

文字描述：

1. 在浏览器中点击鼠标右键选中右键菜单中的检查或者fn+F12打开浏览器控制面板
2. 用控制面板左上角箭头选中视频区域
3. 当控制面板跳转到页面结构代码中，找到video标签
4. 复制video标签中class名或id名
5. 切换到控制台输入面板
6. 输入document.querySelector("类型标识.名称")，如果是id类型标识为#，class类型标识为.

图例：

3.2 根据视频对象修改速度

document.querySelector(“.art-video”).playbackRate = 4;

将上面这行代码输入就可以啦！

3.3 修改不生效

根据上面修改后播放速度没有更改，先检查操作步骤对不对，操作步骤没问题就是当前页面监听了视频速度更改事件。

根据上面操作完后，再执行上一步的修改速度。

四、其他操作

点击暂停后切换播放视频源：