谷歌浏览器中可通过快捷键【alt+p】（win/linux）或【command+shift+p】（macos）一键启用画中画，支持所有html5视频网站；右键菜单、开发者工具执行javascript、域名白名单及chrome://flags实验标志可进一步保障稳定触发与自动进入。
你想在谷歌浏览器中观看网页视频时，让视频以全屏画中画模式悬浮播放，不被标签页切换、浏览器最小化或系统其他窗口遮挡，始终保持在屏幕最前端自由拖动缩放，直接操作就能实现，无需安装第三方软件或等待系统级更新。
用快捷键一键触发画中画
这是最快、最通用的方式，适用于YouTube、Bilibili、腾讯视频、网易公开课等所有支持HTML5 <video></video> 标签的网站。
确保视频已开始播放→将鼠标单击视频画面任意位置使其获得焦点→按下【Alt+P】（Windows/Linux）或【Command+Shift+P】（macOS）。
松开按键后，视频立刻脱离网页，以独立悬浮窗口形式出现在屏幕右下角。该窗口可拖动、双击全屏、拖边缩放、点击右上角×关闭，且始终置顶于所有应用之上。
若快捷键无反应，请确认：当前标签页为活跃状态；视频元素已加载完成并至少渲染首帧；未被网站JS禁用焦点获取（此时尝试右键法）。
右键菜单启用（兼容性最强）
当快捷键失效或网站屏蔽了键盘事件时，右键法几乎总能奏效，因为它调用的是浏览器原生上下文菜单入口。
在视频播放状态下，鼠标右键单击视频画面区域。
从弹出菜单中选择“画中画”或“PiP”选项。
如果菜单里没有该条目，说明该页面的 <video></video> 元素未声明 playsinline 属性，或网站主动移除了 webkit-playsinline 和 disablePictureInPicture 属性——此时需用开发者工具法强制注入。
通过开发者工具执行JavaScript命令
这是绕过所有前端限制的终极手段，适用于自定义播放器、内网教学平台、无controls控件的视频页，只要底层是标准<video></video>标签即可生效。
第一步：播放目标视频（静音/未静音均可，但必须已加载）。
第二步：按下 F12 打开开发者工具 → 切换至 Console 标签页。
第三步：粘贴并执行以下代码：document.querySelector('video').requestPictureInPicture()，然后按回车。
第四步：若页面含多个视频（如课程页含主讲+课件预览），先运行 document.querySelectorAll('video') 查看列表，再用索引调用，例如：document.querySelectorAll('video')[0].requestPictureInPicture()。
执行成功后控制台会返回 PiPWindow 对象，视频随即弹出悬浮窗。失败则提示 NotAllowedError，说明视频尚未进入可播放状态，稍等1秒再试。
为指定网站永久开启自动画中画
当你固定在某个平台（如bilibili.com、coursera.org）高频使用画中画，希望每次点开视频就自动悬浮，不用每次手动触发，就用这个方法。
在地址栏输入 chrome://settings/content/visualMedia 并回车。
找到“画中画”设置项→点击“添加”按钮→输入完整域名，例如：https://www.bilibili.com（必须带 https:// 和子域名，缺一不可）。
在新添加的条目右侧，将权限设为“允许”。保存后，下次访问该站点并播放视频，只要满足播放条件（有音频、非静音、已加载完成），就会自动进入画中画模式。
这一步设置后无需重启浏览器，即时生效；但仅对明确添加的域名有效，不作用于其子路径以外的其他站点。
启用实验性自动画中画标志（深度适配）
如果你发现即使加了域名白名单，视频在切换标签页或最小化浏览器时仍退出画中画，说明Chrome底层自动触发机制未激活，需打开两个隐藏实验开关。
在地址栏输入 chrome://flags/#auto-picture-in-picture 回车→找到“Auto Picture-in-Picture”→设为 Enabled。
再在同页面搜索“Auto picture in picture video heuristics”→同样设为 Enabled。
滚动至页面底部，点击 Relaunch 按钮强制重启浏览器。
重启后，视频将在满足播放条件时，于标签页切换或浏览器最小化瞬间自动进入全局悬浮状态，真正实现“全屏画中画悬浮播放”效果。
