随意调节网页中 视频的播放速度

657 阅读1分钟

本文已参与【新人创作礼】活动,一起开启掘金创作之路。

快速答案

有些视频不提供倍速播放选项。不过没关系,只需要在视频所在网页中打开开发者工具窗口,在窗口的控制台输入这一行代码就能够随意改变视频的速度。

document.querySelector('video').playbackRate = 0.5; /* 末尾的数字代表想要的视频的播放倍速 */

具体操作步骤

1. 进入视频所在网页 2. 按下F12打开开发者工具(见下图右侧窗口)

在这里插入图片描述

3. 进入开发者工具窗口的主控台(Console)

在这里插入图片描述

4. 在主控台(Console)中输入文章开头的那行代码

代码末尾的数字代表你想要的视频播放速度倍率

比如,我想要视频变为2.2倍速,就输入以下的代码:

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

在这里插入图片描述 5. 按下回车键即可

参考链接

avaScript 技术篇-js提升网页视频播放速率,提高慕课网视频播放速度 - CSDN