JavaScript设置HTML5播放器倍速播放

文章目录

问题描述

今天,我在看一个学习视频时,发现这个网站的视频播放器居然没有倍速播放的按钮。岂有此理,作为一个长期以来一直用2倍速观看学习视频的强迫症患者,这令我十分不爽,因为,视频中老师的说话速度实在是太慢了,听得我都想睡觉了。┭┮﹏┭┮

在这里插入图片描述

解决方法

啥都不用说了,直接先来个F12。在网页的代码中,我看到了video标签,心中不由得暗喜,这局稳了,哈哈。

在这里插入图片描述
这个应该是HTML5播放器,video标签有一个playbackRate属性就是用来控制播放速度的。

在这里插入图片描述
行了,然后打开控制台,输入JavaScript代码就可以了。

在这里插入图片描述

JavaScript代码如下:

document.querySelector("video").playbackRate=2.0

果然,学习视频还是用2倍速看更爽。(⊙o⊙)…

发布了169 篇原创文章 · 获赞 244 · 访问量 4万+

猜你喜欢

转载自blog.csdn.net/Deep___Learning/article/details/104460904