强制画中画播放器 | 全网通用版
💡 脚本介绍
还在为各大视频网站、网课平台禁用画中画功能而烦恼?想边看视频边刷网页、摸鱼办公却被限制小窗播放?
这款脚本专为解决网站禁用画中画的痛点而生,无需修改网站代码,无需安装额外播放器,就能给页面上所有HTML5视频强制开启画中画功能。突破网站限制,一键让视频以悬浮小窗的形式置顶播放,真正实现边看视频边做其他事。
✨ 核心功能
- 强制绕过禁用限制
自动识别并移除网站添加的
disablePictureInPicture 禁用属性,拦截网站对画中画事件的阻止逻辑。哪怕网站原生完全关闭了画中画入口,也能强制调用浏览器原生API开启功能。
- 全页面视频自动识别
自动扫描页面内所有
<video> 标签,无论是主播放器、弹窗视频、直播流,还是滚动加载的短视频,都能自动适配并添加画中画按钮。
- 右上角悬浮按钮,一键切换
在每个视频的右上角添加半透明悬浮按钮,鼠标悬停时自动高亮;点击即可一键进入/退出画中画模式,操作直观,不遮挡核心画面。
- 动态DOM监听,适配所有加载场景
采用MutationObserver实时监听页面变化,切换视频集数、跳转页面、滚动加载新视频等异步场景,都能自动识别并添加按钮,无需手动刷新页面。
- 属性实时守护,防止网站反制
持续监控视频元素的属性变化,若网站动态重新添加画中画禁用标记,脚本会立即自动移除,保证画中画功能全程可用。
- 高度可自定义配置
支持自由调整按钮大小、边距、透明度、显示逻辑等参数,你可以根据使用习惯,打造最舒适的交互效果。
📖 使用方法
前置准备
确保你的浏览器已安装「脚本猫」或「油猴(Tampermonkey)」等用户脚本管理器扩展。
安装与使用
- 点击页面右上角的「安装脚本」按钮,在弹出的确认窗口中点击安装即可。
- 打开任意包含视频的网页(影视网站、在线网课、直播平台、短视频页面均可)。
- 将鼠标移动到视频画面上,视频右上角会出现画中画功能按钮。
- 点击按钮,视频立即以悬浮小窗的形式在屏幕最前方播放;小窗支持自由拖动、调整大小,始终置顶不影响其他窗口操作。
- 再次点击视频上的按钮,或直接关闭小窗,即可退出画中画模式。
⚙️ 自定义配置(可选)
如果需要调整按钮的样式和行为,可以进入脚本编辑页面,修改开头 CONFIG 对象中的参数:
| 参数名 |
默认值 |
说明 |
buttonSize |
36 |
按钮的尺寸,单位为像素 |
buttonMargin |
8 |
按钮距离视频边缘的距离 |
buttonOpacity |
0.8 |
按钮默认的透明度 |
showOnHover |
false |
设为 true 时,仅鼠标悬停在视频上才显示按钮 |
zIndex |
999999 |
按钮的层级优先级,遇到被遮挡时可调大数值 |
❓ 常见问题
Q:为什么有些视频不显示按钮?
A:极少数网站使用自研非HTML5播放器、Flash播放器,或视频位于跨域iframe中,可能无法识别。你可以在评论区留言具体网站,我们会针对性优化适配。
Q:点击按钮没反应,无法启动画中画?
A:请确认你的浏览器版本支持原生画中画(Chrome 70+、Edge 79+、Firefox 68+),部分浏览器需要在系统设置中手动开启画中画权限。
Q:脚本会影响视频画质和播放流畅度吗?
A:完全不会。脚本仅调用浏览器原生的画中画API,不修改视频流数据,不注入播放逻辑,对播放画质、速度和性能无任何影响。
Q:支持哪些浏览器?
A:完美支持所有Chromium内核浏览器(Chrome、Edge、Brave、360极速版等),同时兼容Firefox和新版Safari浏览器。
📝 备注
- 本脚本纯本地运行,无任何数据收集、无广告、无后台请求,安全无毒。
- 仅用于个人学习与日常使用,请勿用于商业用途。
- 如遇使用问题或适配建议,欢迎在评论区留言反馈。