谷歌浏览器画中画功能可通过五种方式开启:一、视频右键菜单选择“画中画”;二、点击地址栏媒体控制图标中的画中画按钮;三、使用Ctrl+Shift+P(Win/Linux)或Cmd+Shift+P(macOS)快捷键;四、在开发者工具控制台执行document.querySelector('video').requestPictureInPicture()命令;五、启用chrome://flags中#enable-picture-in-picture和#enable-surfaces-for-videos两项实验性标志并重启浏览器。

如果您在谷歌浏览器中观看视频时希望同时处理其他网页任务,但视频无法以悬浮窗口形式持续播放,则可能是由于画中画功能未被正确触发或底层支持未启用。以下是开启该功能的多种方法:
一、通过视频右键菜单启用画中画
此方法直接调用 Chrome 内置的 Picture-in-Picture API,无需安装扩展,适用于 YouTube、Bilibili、Netflix 等已规范实现 video 元素的主流平台。其原理是浏览器在检测到可播放且具备 controls 属性的 video 节点后,自动向右键上下文菜单注入“画中画”选项。
1、在 Chrome 中打开含视频的网页并确保视频已开始播放或至少完成首帧渲染。
2、将鼠标光标精确悬停于视频画面区域内(非控制栏或空白边框),单击右键。
3、在弹出的菜单中查找并点击“画中画”或英文选项“Picture in Picture”。
4、视频即刻脱离网页容器,以半透明、可拖拽、可缩放的浮动窗口形式出现在桌面最上层。
二、使用地址栏媒体控制图标快速进入
Chrome 会在检测到网页正在播放音视频(且音频通道未静音)时,于地址栏右侧自动生成媒体控制浮标。该入口不依赖视频区域交互,可绕过部分网站隐藏右键菜单或禁用 controls 的限制。
1、播放网页视频后,观察 Chrome 地址栏最右侧区域,寻找扬声器图标或微型播放器图标。
2、点击该图标,展开迷你媒体控制面板。
3、在面板中定位并点击由两个重叠矩形组成的“画中画”按钮。
4、视频窗口随即悬浮,即使切换至其他标签页、最小化浏览器或启动其他桌面应用,播放仍持续进行。
三、通过键盘快捷键触发画中画
该方式适用于偏好无鼠标的高效操作场景,或在触控设备、远程桌面等右键受限环境中使用。其底层机制为浏览器监听焦点内 video 元素的快捷键事件,并直接调用 requestPictureInPicture() API。
1、点击视频画面一次,确保视频元素获得键盘焦点(此时视频边框可能出现虚线高亮)。
2、按下Ctrl + Shift + P(Windows/Linux)或 Command + Shift + P(macOS)。
3、若当前视频满足画中画启用条件(如非静音、非全屏、未被 JS 禁用 API),悬浮窗口将立即生成。
4、若快捷键无效,需检查是否已启用相关实验性标志或安装支持该快捷键的扩展。
四、通过开发者工具执行 JavaScript 命令强制启动
当网站屏蔽右键菜单或未暴露画中画按钮时,可通过控制台直接调用浏览器原生 API,对页面中任意 video 元素发起画中画请求,适用于教育平台、内网视频系统等定制化站点。
1、确保视频处于播放状态,按下 F12 打开开发者工具。
2、切换至Console(控制台)标签页。
3、输入以下命令并按回车:document.querySelector('video').requestPictureInPicture()。
4、若页面存在多个 video 元素,需替换选择器,例如:document.querySelectorAll('video')[1].requestPictureInPicture() 或使用 class 名定位。
五、启用实验性标志确保底层支持
部分系统环境或旧版 Chrome 可能默认关闭画中画底层开关,需手动启用核心实验性功能以保障兼容性。该步骤影响全局行为,不可跳过。
1、在地址栏输入chrome://flags/#enable-picture-in-picture 并回车。
2、找到Enable Picture-in-Picture 选项,点击下拉菜单选择 Enabled。
3、继续输入chrome://flags/#enable-surfaces-for-videos,将对应选项同样设为 Enabled。
4、重启浏览器后,所有后续操作均基于完整启用的底层能力执行。











