Question

我似乎无法弄清楚我应该添加哪个元素才能让它在iOS上工作，我正在听这些事件

Source

并且同时监听['webkitfullscreenchange', 'mozfullscreenchange', 'fullscreenchange', 'MSFullscreenChange'];和传递给document的元素，两者在桌面浏览器以及Android浏览器上都可以正常启动，但在iOS上都没有触发（chrome或safari，不会重要）。

你可以在这里查看，http://youtubeplayer.fxck.cz/ new YT.Player()是标准的youtube播放器事件，1337是-1, 1, 2, 3元素，1338是fullscreenchange来自{ {1}}。

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也可以提供帮助

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

2 个答案: