画中画模式可让视频悬浮播放且不影响其他操作,最快方法是网页视频右键选择【画中画】;右键失效时用快捷键Ctrl+Shift+P(Win/Linux)或Command+Shift+P(macOS);网站屏蔽时需在浏览器设置中添加域名白名单或通过开发者工具执行JavaScript命令启用。

你正在边写周报边看B站产品培训视频,切换到Excel核对数据时视频就暂停或被遮挡,需要让视频以独立悬浮窗口持续播放,同时保持其他应用可操作——这正是画中画模式要解决的核心问题。
网页视频右键直接启用画中画
这是最快捷、最通用的方法,适用于YouTube、Bilibili、腾讯视频等主流平台,前提是视频已开始播放且网页未禁用右键菜单。
将鼠标精准悬停在视频画面中央区域(避开进度条、标题栏、弹幕层),单击右键→在弹出菜单中选择【画中画】或【在画中画中播放】。
注意:如果右键菜单里没有该选项,不是浏览器问题,而是当前网站主动屏蔽了上下文菜单,需换用快捷键或白名单方案。
键盘快捷键强制触发(绕过网页限制)
当右键失效、鼠标不便操作,或想快速切换多个视频时,快捷键是更可靠的路径。它不依赖网页UI,直接调用浏览器底层API。
第一步:点击视频任意位置一次,观察播放器边缘是否出现浅蓝色聚焦框——这是关键前提,【没有聚焦就按快捷键,100%无响应】。
第二步:按下 Ctrl + Shift + P(Windows/Linux)或 Command + Shift + P(macOS)。
第三步:悬浮窗口将在1秒内生成,自动继承当前播放时间点、音量大小和静音状态,拖拽顶部标题栏即可移至屏幕角落,完全不干扰你正在编辑的文档或表格。
为被拦截的网站手动添加白名单
企业内网培训平台、学校课程系统或部分老版本CMS常因内容安全策略(CSP)默认拒绝画中画权限,导致右键和快捷键全部灰显不可用——此时必须手动授权域名。
在Edge浏览器地址栏输入 edge://settings/content/pictureInPicture 并回车;Chrome用户请输 chrome://settings/content/visualMedia。
滚动到底部找到“允许以下网站使用画中画”区域,点击【添加】按钮。
输入目标网站的完整主域名,例如:course.university.edu.cn 或 training.company.com(注意:【不带 http://、https://,也不含路径或端口号】)。
用开发者工具执行JavaScript命令
方法一:适用于Safari浏览器
打开 Safari 偏好设置 → 高级 → 勾选“在菜单栏中显示开发菜单”→ 点击菜单栏“开发” → “JavaScript 控制台”→ 输入 document.querySelector('video').webkitSetPresentationMode('picture-in-picture') 并回车。
方法二:适用于Chrome/Edge/Firefox
按 F12 打开开发者工具 → 切换到 Console 标签页 → 输入 document.querySelector('video').requestPictureInPicture() → 回车执行。
若页面存在多个video元素,上述命令可能失败,需先执行 const v = document.querySelectorAll('video')[0]; v.requestPictureInPicture(); 指定首个视频节点。
Win11系统级画中画开关检查
某些旧版系统或企业锁屏策略会全局禁用PiP功能,需确认底层支持已开启。
打开设置 → 蓝牙和其他设备 → 鼠标 → 向下滚动到“其他鼠标选项”→ 点击“其他设备设置”→ 查找“画中画”开关并确保为开启状态。
若该选项不存在,说明系统版本低于22H2,或组策略已强制关闭,此时仅能依赖浏览器原生方案。

















