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

Question

我似乎不知道应该将事件侦听器添加到哪个元素才能使其在 iOS 上运行，我正在侦听这些事件

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

并同时监听document 和传递给new YT.Player() 的元素，它们在桌面浏览器和安卓浏览器上都可以正常触发，但在iOS 上都不会触发（chrome 或safari，没关系）。

你可以在这里查看，底部的http://youtubeplayer.fxck.cz/-1, 1, 2, 3是标准的youtube播放器事件，1337是来自元素的fullscreenchange，1338是来自document的fullscreenchange。

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, is there a way to detect how it was loaded? Home Screen vs Safari?answer/

你试过了吗：

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

This page 也有帮助