如何在 Safari 10 上启用画中画功能？

Question

Safari 10引入了画中画功能。该按钮用于HTML5视频标准控件，但我如何通过JavaScript触发它？

苹果公司表示：

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

没有进一步的参考资料。

- Martin Algesten

---

看这个 https://dev59.com/vlkS5IYBdhLWcg3wzZXB - TheCrazyProfessor

Answer 1

使用JavaScript激活画中画模式。它将通过这种方式运行。

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

- Li Hanyuan

---

下一个问题是，我如何在Netflix上触发它？https://developer.apple.com/library/content/releasenotes/General/WhatsNewInSafari/Articles/Safari_9_0.html#//apple_ref/doc/uid/TP40014305-CH9-SW18 - Martin Algesten

抱歉，我没有Netflix账户，所以无法尝试。 - Li Hanyuan

在 Netflix 上运行良好，只需在观看内容时在 js 控制台中运行此命令即可。 - borisgolovnev

Answer 2

这个问题已经被问过了

无论如何，看看这个

这里是Safari的API

我还有一个如何在HTML5中使用PiP视频

检查支持

webkitSupportsPresentationMode

设置模式

webkitSetPresentationMode

- TheCrazyProfessor