唤起 Safari 画中画和 AirPlay 的 javascript 方法是什么？

[islujw]

自己做 HTML5 视频播放器（ Media Controller ），想加入画中画和 AirPlay 的按钮。

Apple.com 在 iPhone X 页面更新了网页视频播放器的外观，包含有这两个按钮，说明可以实现。

如何实现呀？

[ysc3839]

善用搜索，关键词 safari js airplay

下面是搜到的结果
https://stackoverflow.com/questions/13655237/airplay-with-custom-html5-controls

[run2]

https://developer.apple.com/library/content/releasenotes/General/WhatsNewInSafari/Articles/Safari_9_0.html
搜索
pip
airplay 部分

[islujw]

@ysc3839 谢谢，我有看过这个，但是 AirPlay 的失败了，没有菜单弹出。画中画的倒是成功了。
我有添加这个：
AirPlayBtn.addEventListener("click", function() {
video.webkitShowPlaybackTargetPicker();
});

[islujw]

@sobigfish 画中画的成功了。AirPlay 的失败了，没有菜单弹出。

全部 js 如下：

if (window.WebKitPlaybackTargetAvailabilityEvent) {
video.addEventListener('webkitplaybacktargetavailabilitychanged', function(event) {
switch (event.availability) {
case "available":
break;
case "not-available":
break;
}
AirPlayBtn.addEventListener("click", function() {
video.webkitShowPlaybackTargetPicker();
});
});
}

[islujw]

AirPlay 成功了。什么也没改动，估计当时抽风了吧……