youtube javascript API 检测 iOS 设备上的全屏退出

Question

我似乎无法弄清楚应该将事件侦听器添加到哪个元素才能使其在iOS上运行，我正在收听这些事件

['webkitfullscreenchange', 'mozfullscreenchange', 'fullscreenchange', 'MSFullscreenChange']; 

并监听document和您传递给new YT.Player()的元素，两者都在桌面浏览器和 Android 浏览器上都很好，但在 iOS 上都没有触发(chrome 或 safari，没关系)。

您可以在此处实时查看，底部 http://youtubeplayer.fxck.cz/-1, 1, 2, 3是标准的youtube播放器事件，1337是从元素fullscreenchange的，1338是从documentfullscreenchange的

。

Answer 1

使用以下检测方法：

document.onwebkitfullscreenchange
document.onfullscreenchange
document.onmozfullscreenchange

还可以使用变量来存储是否输入了全屏

isInFullscreen = false;

当上面其中一个被调用时，我们只是否定了当前状态。 这样我们就可以检测全屏更改。

jquery方法示例：

var isFullscreen = document.fullScreen || document.mozFullScreen || document.webkitIsFullScreen;
$(document).on ('mozfullscreenchange webkitfullscreenchange fullscreenchange',function(){
isFullscreen = !isFullscreen;
});

您将需要有更多的指标来确保与每个浏览器的兼容性。

Answer 2

看起来类似于iPhone WebApps，有没有办法检测它是如何加载的？主屏幕与野生动物园？答/

你试过吗：

if (window.navigator.standalone) {
// fullscreen mode
}

此页面也可能有所帮助