谷歌浏览器中可通过快捷键【Alt+P】(Win/Linux)或【Command+Shift+P】(macOS)一键启用画中画,支持所有HTML5视频网站;右键菜单、开发者工具执行JavaScript、域名白名单及chrome://flags实验标志可进一步保障稳定触发与自动进入。

你想在谷歌浏览器中观看网页视频时,让视频以全屏画中画模式悬浮播放,不被标签页切换、浏览器最小化或系统其他窗口遮挡,始终保持在屏幕最前端自由拖动缩放,直接操作就能实现,无需安装第三方软件或等待系统级更新。
用快捷键一键触发画中画
这是最快、最通用的方式,适用于YouTube、Bilibili、腾讯视频、网易公开课等所有支持HTML5 <video> 标签的网站。
确保视频已开始播放→将鼠标单击视频画面任意位置使其获得焦点→按下【Alt+P】(Windows/Linux)或【Command+Shift+P】(macOS)。
松开按键后,视频立刻脱离网页,以独立悬浮窗口形式出现在屏幕右下角。该窗口可拖动、双击全屏、拖边缩放、点击右上角×关闭,且始终置顶于所有应用之上。
若快捷键无反应,请确认:当前标签页为活跃状态;视频元素已加载完成并至少渲染首帧;未被网站JS禁用焦点获取(此时尝试右键法)。
右键菜单启用(兼容性最强)
当快捷键失效或网站屏蔽了键盘事件时,右键法几乎总能奏效,因为它调用的是浏览器原生上下文菜单入口。
在视频播放状态下,鼠标右键单击视频画面区域。
从弹出菜单中选择“画中画”或“PiP”选项。
如果菜单里没有该条目,说明该页面的 <video> 元素未声明 playsinline 属性,或网站主动移除了 webkit-playsinline 和 disablePictureInPicture 属性——此时需用开发者工具法强制注入。
通过开发者工具执行JavaScript命令
这是绕过所有前端限制的终极手段,适用于自定义播放器、内网教学平台、无controls控件的视频页,只要底层是标准<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 按钮强制重启浏览器。
重启后,视频将在满足播放条件时,于标签页切换或浏览器最小化瞬间自动进入全局悬浮状态,真正实现“全屏画中画悬浮播放”效果。



















