针对浏览器内视频播放的扩展
插件介绍
Tampermonkey
是一款免费的 浏览器扩展 和 最为流行的用户脚本管理器 。 虽然有些受支持的浏览器拥有原生的用户脚本支持,但Tampermonkey 将在用户脚本管理方面提供更多的便利。
![image-20230929214436200](https://img2023.cnblogs.com/blog/3232290/202309/3232290-20230929221057220-1577036281.png)
它提供了诸如便捷脚本安装、自动更新检查、标签中的脚本运行状况速览、内置的 编辑器 等众多功能, 同时Tampermonkey还有可能正常运行原本并不兼容的脚本。
注意,它本身是无法为我们发挥什么作用的,它主要依靠各大社区编写的扩展脚本(JavaScript代码)运行在浏览器上,来改变被访问网页的功能,提升我们的网页浏览体验 。
增强脚本
全称 “HTML5视频播放增强脚本” ,支持所有H5视频播放网站,全程快捷键控制,支持:倍速播放/加速播放、视频画面截图、画中画、网页全屏、调节亮度、饱和度、对比度、自定义配置功能增强等功能。
脚本使用场景
如下所示快捷键所对应的操作,笔者教程推荐以 Microsoft Edge 演示
![image-20230929214109731](https://img2023.cnblogs.com/blog/3232290/202309/3232290-20230929221057591-1651071933.png)
![image-20230929214223741](https://img2023.cnblogs.com/blog/3232290/202309/3232290-20230929221058013-1276380980.png)
安装教程
找到浏览器的获取扩展处(理解为手机的应用市场)
![image-20230929214909245](https://img2023.cnblogs.com/blog/3232290/202309/3232290-20230929221058444-1159637931.png)
键入扩展名并筛选正确的所需项
![image-20230929215251825](https://img2023.cnblogs.com/blog/3232290/202309/3232290-20230929221058858-38785913.png)
当获取成功后会自动跳转至首页 | Tampermonkey,如图示:
![image-20230929215406331](https://img2023.cnblogs.com/blog/3232290/202309/3232290-20230929221059268-288558691.png)
下面进到GreasyFork处,在内搜“html5视频播放器增强脚本”,位置:
![image-20230929215555802](https://img2023.cnblogs.com/blog/3232290/202309/3232290-20230929221059604-1405851881.png)
![image-20230929220125028](https://img2023.cnblogs.com/blog/3232290/202309/3232290-20230929221059937-347124432.png)
在“HTML5视频播放器增强脚本”详情页内 绿色安装按钮 会自动安装一个 HTML5视频播放器增强脚本.user.js
到浏览器内
![image-20230929220437796](https://img2023.cnblogs.com/blog/3232290/202309/3232290-20230929221100290-499506903.png)
此时找到浏览器右上的此位置左键单击:
![image-20230929220540169](https://img2023.cnblogs.com/blog/3232290/202309/3232290-20230929221100972-456825778.png)
一般该服务在安装后即刻自动开启:
此时打开一个h5网页的视频即可调用快捷键(仅可使用快捷键来行使各功能)对播放的视频进行操作
![image-20230929220827909](https://img2023.cnblogs.com/blog/3232290/202309/3232290-20230929221102094-2044940059.png)