如何在 Safari 10 上触发画中画

How do I trigger picture in picture on Safari 10

Safari 10 推出画中画功能。该按钮用于 html5 视频标准控件,但如何通过 javascript 触发它?

Apple says:

If you use custom HTML5 video controls, you can add Picture in Picture functionality using the JavaScript presentation mode API.

没有进一步的参考。

使用Javascript激活画中画模式。这样就会运行

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

这个问题已经有人问过

总之看到这个

这是 Safari 的 API

我也有一个

检查支持

webkitSupportsPresentationMode

设置模式

webkitSetPresentationMode