如何在 Safari 10 上触发画中画

Posted 2023-05-07

【中文标题】如何在 Safari 10 上触发画中画

【英文标题】：How do I trigger picture in picture on Safari 10

【发布时间】：2017-01-29 04:45:42

【问题描述】：

Safari 10 引入了画中画。该按钮用于html5视频标准控件，但是如何通过javascript触发它？

Apple says:

如果您使用自定义 HTML5 视频控件，则可以使用 JavaScript 演示模式 API 添加画中画功能。

没有进一步的参考。

【问题讨论】：

看看***.com/q/39430331/4691734

【参考方案1】：

使用 Javascript 激活画中画模式。它会以这种方式运行。

document.querySelector("video").webkitSetPresentationMode("picture-in-picture")

【讨论】：

下一个问题。如何在 Netflix 上触发？ developer.apple.com/library/content/releasenotes/General/…

抱歉，我没有 Netflix 帐户，所以无法尝试

在 Netflix 上运行良好，观看时在 js 控制台中运行。

【参考方案2】：

这个问题已经被问过了

随便看看

这里是 Safari 的API

我还有一个How to PiP video in HTML5

检查支持

webkitSupportsPresentationMode

设置模式

webkitSetPresentationMode