谷歌浏览器中可通过四种方式实现网页视频画中画:1. 快捷键【Alt+Shift+P】或【Command+Shift+P】;2. 地址栏媒体控件点击;3. 在chrome://settings/content/visualMedia中为指定域名永久启用;4. 用开发者工具执行requestPictureInPicture()命令。

你想在谷歌浏览器中观看网页视频时,不被切换标签页或最小化浏览器打断,让视频始终悬浮在屏幕一角持续播放,直接操作就能实现,不需要额外安装软件或等待系统更新。
用快捷键一键触发画中画
这是最常用、最快捷的方式,适用于YouTube、Bilibili、腾讯视频等绝大多数支持HTML5视频的网站。
确保视频已开始播放→将鼠标焦点停留在视频区域→按下 【Alt+Shift+P】(Windows/Linux)或【Command+Shift+P】(macOS)。
松开按键后,视频会立即脱离网页,以独立悬浮窗口形式出现在屏幕右下角。该窗口可拖动、缩放、点击关闭,且始终保持在其他应用之上。
注意:若快捷键无效,说明当前页面未激活视频元素,需先单击视频任意位置使其获得焦点。
通过地址栏媒体控件启动
这个方法不依赖视频区域是否响应右键或快捷键,只要Chrome检测到网页正在播放音视频,就会在地址栏右侧自动生成控制浮标。
第一步:播放视频并确保音频未静音(部分站点静音时会隐藏该控件);
第二步:观察地址栏最右侧,找到扬声器图标或微型播放器图标;
第三步:点击该图标,展开迷你控制面板;
第四步:在面板中点击两个重叠矩形组成的“画中画”按钮。
视频随即转入悬浮窗口,即使你切到IDE写代码、打开Excel查数据,播放也不会中断。
为特定网站永久开启自动画中画
当你常看某个平台(比如bilibili.com),希望每次打开视频都自动进入画中画,无需手动触发,就用这个方法。
在地址栏输入 chrome://settings/content/visualMedia 并回车;
找到“画中画”设置项→点击“添加”按钮→输入完整域名,例如:https://www.bilibili.com(必须带https://和子域名,缺一不可);
在新添加的条目右侧,将权限设为“允许”。
这一步设置后无需重启浏览器,即时生效;但仅对明确添加的域名有效,不作用于其子路径以外的其他站点。
用开发者工具强制启用画中画
当网页屏蔽右键菜单、隐藏控制栏,或使用自定义播放器时,这个方法能绕过所有前端限制,直连浏览器底层API。
确保视频已加载出画面(哪怕暂停状态也可)→按下F12打开开发者工具→切换至Console标签页;
输入以下命令并按回车:document.querySelector('video').requestPictureInPicture();
如果页面含多个video元素,先运行document.querySelectorAll('video')查看列表,再用索引调用,例如:document.querySelectorAll('video')[1].requestPictureInPicture()。
执行成功后,控制台不会报错,视频窗口会立刻弹出——这是最底层、最可靠的触发方式。



















