画中画功能可让视频悬浮播放且不受窗口层级干扰：右键启用（需悬停画面中央）、快捷键Ctrl+Shift+P（需先聚焦视频）、白名单设置（edge://或chrome://settings/content/pictureInPicture）、开发者工具执行JavaScript命令、安装Chrome扩展支持Alt+P呼出。
你正在双屏办公：主屏写PPT，副屏查资料，但突然需要边看B站教程边实操，视频一离开网页就暂停或被遮挡——画中画能让你把视频从任一屏幕“抽离”出来，悬浮在任意位置持续播放，不依赖特定显示器，也不受窗口层级干扰。
右键直接启用（最快，适用于YouTube/B站/腾讯视频）
将鼠标精准悬停在视频画面中央区域（避开弹幕层、进度条、标题栏），单击右键→在弹出菜单中选择【画中画】或【在画中画中播放】。
注意：如果右键菜单里没有该选项，不是浏览器问题，而是当前网站主动屏蔽了上下文菜单，需换用快捷键或白名单方案。
键盘快捷键强制触发（绕过网页限制）
第一步：点击视频任意位置一次，观察播放器边缘是否出现浅蓝色聚焦框——这是关键前提，【没有聚焦就按快捷键，100%无响应】。
第二步：按下 Ctrl + Shift + P（Windows/Linux）或 Command + Shift + P（macOS）。
第三步：悬浮窗口将在1秒内生成，自动继承当前播放时间点、音量大小和静音状态；拖拽顶部标题栏即可移至主屏右下角、副屏左上角等任意位置，完全不干扰你正在编辑的文档或表格。
为被拦截的网站手动添加白名单
在Edge浏览器地址栏输入 edge://settings/content/pictureInPicture 并回车；Chrome用户请输 chrome://settings/content/pictureInPicture。
滚动到底部找到“允许以下网站使用画中画”区域，点击【添加】按钮。
输入目标网站的完整主域名，例如：course.university.edu.cn 或 training.company.com（注意：【不带 http://、https://，也不含路径或端口号】）。
点击“添加”确认后，刷新原网页并重新播放视频，再尝试右键或快捷键操作。
用开发者工具执行JavaScript命令（精准控制多视频页面）
方法一：打开开发者工具（F12）→切换到 Console 标签页→输入 document.querySelector('video').requestPictureInPicture() →回车。
方法二：若页面有多个视频（如B站课程页含主讲+小窗回放），先运行 document.querySelectorAll('video') 查看列表，再用索引指定，例如 document.querySelectorAll('video')[1].requestPictureInPicture() 强制让第二个视频进入画中画。
这一步无需安装任何扩展，纯浏览器原生能力，执行后窗口立即浮起，位置默认在当前活动屏幕中心。
安装Chrome画中画扩展（支持Alt+P一键呼出）
第一步：访问 chrome://extensions/ →开启右上角“开发者模式”开关。
第二步：点击“加载已解压的扩展程序”→选择你本地下载解压后的 src 文件夹（来自 picture-in-picture-chrome-extension 项目）。
第三步：安装完成后，在任意视频页面按下 Alt + P，扩展会自动检测并转换当前页面中正在播放的最大视频为画中画窗口。
