Safari浏览器画中画模式怎么开启_Safari网页视频悬浮小窗口播放教程

要在 Safari 里实现网页视频画中画播放，其实没那么玄乎——系统设置开了、网站本身支持、视频正在播放，同时标签页得处于激活状态，这几个条件缺一不可。如果右下角那个小按钮始终没出现，别急着怀疑浏览器，下面这几种方法基本能覆盖所有情况。

很多人第一次碰到画中画按钮消失，第一反应是“网站不支持”。其实更常见的原因是系统层面的开关没打开。别急，一步步来。

一、启用系统级画中画显示权限

macOS 里有个专门控制画中画按钮显示的总开关，默认可能是关闭的。如果这里没勾上，哪怕网页兼容性再好，那个按钮也根本不会出现。

1、点击屏幕左上角的苹果图标，选择“系统设置”。

2、在左侧边栏找到“桌面与程序坞”，往下翻到“程序坞”区域。

3、勾选 “在视频播放时显示画中画按钮” 这一项。

4、关掉设置，重启 Safari 让改动生效。这个小动作能解决一大半“按钮不显示”的问题。

二、使用网页内原生画中画按钮

像 YouTube、Apple TV、Vimeo 这类符合 HTML5 PiP 接口规范的网站，播放器控件里本来就有画中画按钮。但它的出现有条件：视频必须正在播放、页面在可见状态，而且标签页得是前台焦点。

1、打开视频网页，先保证视频 已经开始播放并且没有暂停。

2、把鼠标移到播放器右下角，找那个带方框加圆圈的小图标（□○组合），那就是画中画按钮。

3、点击一下，视频窗口立刻脱离网页，悬浮在桌面上。拖拽标题栏可以移动位置，拉拽边缘能调整大小。

4、想退出？点右上角的关闭按钮（×）就行。

三、通过快捷键强制启用画中画

有时候网页明明支持画中画，但按钮就是没显示出来。这时候可以跳过 UI 检测，直接用快捷键调出底层指令。前提是视频元素处于活动状态，而且所在标签页在前台。

1、确保 Safari 是当前活跃应用，放视频的标签页也被激活。

2、按下 Command + Shift + P（Mac 专属组合键）。

3、如果视频本身支持 PiP API，立刻就能进入悬浮模式。按了没反应？那说明当前视频源不支持，或者被网页脚本禁用了。

四、通过智能搜索栏调用画中画

Safari 在 macOS 里为智能搜索栏集成了一条快捷路径，不用依赖网页控件也能发起画中画。适用于那些“按钮没露出来但实际兼容”的网站。

1、让目标视频正常播放。

2、点击地址栏右侧的 音频图标（那个小扬声器）。

3、在弹出的菜单里选择 “进入‘画中画’”。

4、画中画窗口马上出现，而且跨桌面空间都能保持悬浮显示。

五、使用开发者工具注入 PiP 指令

对于那些自建视频站，或者压根没提供 PiP 按钮的页面，只要视频元素支持 webkitSupportsPresentationMode('picture-in-picture')，就可以通过控制台手动触发。

1、在 Safari 里播放视频，然后右键点击视频区域，选择“检查元素”打开开发者工具。

2、切换到“控制台”标签页，粘贴并执行以下命令：
document.querySelector('video').requestPictureInPicture();

3、如果控制台返回一个 Promise 对象且没有报错，视频会立刻进入画中画模式。

4、要是提示“NotAllowedError”，说明视频元素没获得用户手势触发，或者被网页策略拦住了。解决方法很简单：先手动点击播放器任意位置，再执行一次命令就行。