画中画模式可让视频悬浮播放且不影响其他操作,最快捷方法是右键视频选择“画中画”;右键失效时可用快捷键Ctrl+Shift+P(Win/Linux)或Cmd+Shift+P(macOS);被拦截网站需在浏览器设置中添加域名白名单;Edge支持地址栏图标一键启用;终极方案是通过开发者工具执行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://,也不含路径或端口号】)。
通过地址栏图标一键启用(仅Edge)
部分网站(如Microsoft Stream、某些HTML5自定义播放器)会在Edge地址栏右侧显示画中画图标,表明当前视频已就绪可启用该模式。
播放目标视频,等待Edge地址栏右侧出现两个重叠的矩形图标。
点击该图标,视频即切换至画中画窗口。
如图标未出现,说明当前视频源未启用画中画权限或使用了不兼容的播放器封装。
开发者工具执行JavaScript命令(终极兜底)
当以上所有方式都失效,且你确认页面确实含有video元素时,可用控制台命令强行调用API。
按 F12 打开开发者工具,切换到 Console 标签页。
输入 document.querySelector('video').requestPictureInPicture() 并回车。
若页面有多个视频,先运行 document.querySelectorAll('video') 查看列表,再用 document.querySelectorAll('video')[0].requestPictureInPicture() 指定第一个,或替换索引数字选择目标元素。










