谷歌浏览器中开启画中画模式有五种方法:一、右键视频选择“画中画”;二、用地址栏媒体控件点击画中画按钮;三、控制台执行requestPictureInPicture()命令;四、启用chrome://flags中两项实验性功能;五、安装可信扩展程序。

如果您在谷歌浏览器中观看网页视频,希望视频脱离当前页面以悬浮小窗形式持续播放,则需启用画中画(Picture-in-Picture)模式。以下是多种可靠、可立即操作的开启方式:
一、通过视频右键菜单启用画中画
Chrome 原生支持 HTML5 视频的画中画功能,无需额外安装组件,适用于 YouTube、Bilibili、Netflix 等主流平台。该方法依赖网页正确实现 video 元素与浏览器 API 的交互。
1、在 Chrome 中打开含视频的网页,并确保视频已开始播放或至少加载出画面。
2、将鼠标悬停于视频播放区域内,点击鼠标右键。
3、在弹出的上下文菜单中,选择画中画选项。
4、视频即刻脱离网页,以可拖动、可缩放的浮动窗口显示在屏幕最前端。
二、使用全局媒体控件快速启动
Chrome 在检测到网页媒体播放时,会在地址栏右侧自动显示媒体控制卡片,该入口直接集成画中画触发逻辑,不依赖视频区域交互。
1、播放任意网页视频,确保音频通道已激活(静音状态下部分站点可能禁用该控件)。
2、观察地址栏右侧,点击出现的媒体控制图标(通常为音符或微型播放器形状)。
3、在弹出的迷你控制面板中,定位并点击画中画按钮(图标为两个重叠矩形)。
4、视频立即转入独立悬浮窗口,保持播放状态且不受标签页切换影响。
三、通过开发者工具执行 JavaScript 强制调用
当网页未暴露右键菜单或控件按钮,但底层 video 元素存在且符合规范时,可绕过界面限制,直接调用浏览器原生 API 启动画中画。
1、确保视频处于播放状态,按下 F12 打开开发者工具。
2、切换至Console(控制台) 标签页。
3、输入以下命令并按回车:document.querySelector('video').requestPictureInPicture()。
4、若页面含多个 video 元素,需替换选择器,例如:document.querySelectorAll('video')[1].requestPictureInPicture() 或使用 class 名定位。
四、启用实验性标志(Flags)确保底层支持
部分系统环境或旧版 Chrome 可能默认关闭画中画底层开关,需手动启用核心实验性功能以保障兼容性。
1、在地址栏输入 chrome://flags/#enable-picture-in-picture 并回车。
2、找到Enable Picture-in-Picture 选项,点击下拉菜单选择 Enabled。
3、继续输入 chrome://flags/#enable-surfaces-for-videos,将对应选项同样设为 Enabled。
4、页面顶部点击重启浏览器 按钮使配置生效。
五、安装可信扩展程序扩展适用范围
针对 DRM 加密视频、自定义播放器或未实现标准 video 标签的网站,扩展可注入兼容层,模拟或代理画中画行为。
1、访问 Chrome 网上应用店,搜索扩展名称如Floating for YouTube™ 或 Video in Picture-in-Picture。
2、确认扩展更新时间为近三个月内,用户评分高于 4.5 星,点击添加至 Chrome。
3、安装完成后刷新视频页面,在工具栏点击新出现的扩展图标。
4、部分扩展支持Alt+P 快捷键,播放视频后直接触发悬浮窗口。











