必须同时满足系统权限开启、视频源兼容、播放状态激活和标签页获得焦点四个条件才能在Safari中启用画中画;需先在系统设置中开启“在视频播放时显示画中画按钮”并重启Safari,再通过原生按钮、快捷键(Command+Shift+P)、地址栏音频图标或开发者工具JavaScript代码触发。

在Safari中观看YouTube、Apple TV或Vimeo等网页视频时,想让视频脱离页面悬浮在桌面任意位置持续播放,必须同时满足系统权限开启、视频源兼容、播放状态激活和标签页获得焦点四个条件,缺一不可。
检查并开启系统级画中画权限
macOS默认可能关闭该功能,不开启则所有后续操作均无效。
1、点击屏幕左上角苹果菜单 → 选择“系统设置”。
2、在左侧边栏点击“桌面与程序坞”,向下滚动至“程序坞”区域。
3、勾选【在视频播放时显示画中画按钮】选项。
4、关闭系统设置,重启Safari浏览器——这一步不可跳过,否则设置不生效。
使用网页内原生按钮启用画中画
适用于YouTube、Apple TV、Vimeo等明确支持HTML5 PiP API的网站。
方法一:悬停触发
鼠标移至视频播放器右下角 → 等待约3秒 → 出现两个重叠矩形图标(□○)→ 点击即可进入画中画模式。
方法二:右键菜单调用
在视频画面上按住Control键单击(或直接右键)→ 在弹出菜单中选择“进入画中画”。
注意:若右下角无图标、右键无该选项,说明当前视频未通过
用快捷键强制唤出悬浮窗口
当网页UI不显示按钮但技术上支持PiP时,快捷键可绕过界面检测直接调用系统API。
第一步:确保Safari为当前活跃应用,且含视频的标签页处于前台焦点状态。
第二步:按下【Command + Shift + P】(macOS原生绑定,成功率最高)。
第三步:若无反应,尝试备用组合:【Command + Option + P】或【Control + Command + P】。
第四步:成功后窗口自动置顶,拖动标题栏可移动,拖拽边缘可缩放;按Esc键或点击右上角×即可退出。
从地址栏音频图标快速启动
这是最容易被忽略的隐藏入口,对B站、部分新闻站点等未暴露按钮但实际兼容的页面特别有效。
1、确保视频已在当前标签页中开始播放(静音状态亦可)。
2、点击地址栏右侧的扬声器图标(音频活动指示符)。
3、在弹出菜单中选取“进入‘画中画’”选项。
这一步不依赖视频是否显示控件,只要页面存在活跃media元素就会出现该菜单项。
通过开发者工具执行JavaScript代码
仅适用于极少数完全屏蔽UI但未禁用API的自定义H5播放器。
方法一:
1、打开Safari偏好设置 → 高级 → 勾选“在菜单栏中显示开发菜单”。
2、菜单栏点击“开发” → “JavaScript控制台”。
3、输入以下代码并回车:document.querySelector('video').webkitSetPresentationMode('picture-in-picture')。
方法二(更稳妥):
若页面含多个video元素,先执行document.querySelectorAll('video')确认目标索引,再用document.querySelectorAll('video')[0].webkitSetPresentationMode('picture-in-picture')指定首个视频。
执行后无报错即表示调用成功,画中画窗口将在1秒内弹出。











