Safari画中画功能的使用取决于网站支持及系统兼容性。1、YouTube、Vimeo等主流网站可通过右键菜单直接启用画中画;2、不支持的网站可安装iPiP等扩展实现通用画中画功能;3、还可通过开发者工具执行JavaScript命令document.querySelector('video').webkitSetPresentationMode('picture-in-picture')手动激活,但仅适用于使用标准video标签的页面。

如果您在使用 Safari 浏览器观看视频时,希望启用画中画功能但发现部分网站无法正常使用,这通常是因为该功能的可用性取决于网站本身是否支持以及浏览器和操作系统的兼容性。以下是关于 Safari 画中画模式兼容性的详细说明。
本文运行环境:MacBook Pro,macOS Sonoma
一、Safari 原生支持的网站
部分主流视频平台已集成对 Safari 画中画功能的原生支持,用户可以直接通过右键菜单或播放控件启用该模式。这些网站通常使用标准的 HTML5 视频标签,并正确实现了 WebKit 的画中画 API。
1、访问如 YouTube、Vimeo 或 Apple TV+ 等主流视频网站并开始播放视频。
2、将鼠标悬停在视频播放区域,点击右键(或按住 Control 键单击)调出上下文菜单。
3、在菜单中查找“进入画中画”选项并点击。
4、视频窗口将脱离网页,变为可自由移动和调整大小的浮动窗口。
注意:即使网站未在右键菜单显示该选项,也可尝试将鼠标指针悬停在智能搜索栏的声音图标上,右键点击后选择“进入画中画”。
二、通过第三方扩展增强兼容性
对于不提供原生画中画选项的网站,可以借助 Safari 扩展来强制激活画中画 API,从而实现跨站点的通用支持。
1、打开 Safari 浏览器的“设置”应用,进入“Safari 浏览器” → “扩展”。
2、从 App Store 下载并安装支持画中画功能的扩展,例如 iPiP 或 OverPicture。
3、在扩展设置中启用该插件,并授予其在目标网站上的运行权限。
4、访问任意包含 HTML5 视频的网页,播放视频后点击地址栏左侧的扩展图标。
5、点击扩展按钮即可将当前视频切换至画中画模式。
提示:部分扩展还支持循环播放、倍速播放等附加功能,可在设置中自定义。
三、手动执行 JavaScript 脚本
当网站未暴露画中画接口且无合适扩展可用时,可通过开发者工具直接调用 WebKit 提供的画中画 API 来尝试启用。
1、在 Safari 中打开目标视频页面并开始播放视频内容。
2、启用开发菜单:前往 Safari 设置 → 高级 → 勾选“在菜单栏中显示开发菜单”。
3、点击顶部菜单栏的“开发” → “JavaScript 控制台”。
4、输入以下代码并按下回车执行:document.querySelector('video').webkitSetPresentationMode('picture-in-picture')。
5、如果页面存在有效的 video 元素且浏览器允许调用 API,视频将立即进入画中画窗口。
警告:此方法仅对使用标准 video 标签的网页有效,某些嵌入式播放器可能无法识别。










