检测手机上的全屏模式

Question

我花了很多时间去搜索检测手机上的全屏模式。 但我发现的结果是只适用于桌面浏览器。下面是 检测全屏模式

有什么方法可以检测手机上的全屏模式吗？

Answer 1

查看 document.fullscreenElement 属性。

https:/developer.mozilla.orgen-USdocsWebAPIDocumentOrShadowRootfullscreenElement。

这个例子介绍了一个函数isVideoInFullscreen()，该函数查看fullscreenElement返回的值；如果文档处于全屏模式（fullscreenElement不是null），且全屏元素的nodeName是VIDEO，表示是一个元素，则该函数返回true，表示视频处于全屏模式。

function isVideoInFullscreen() {
  if (document.fullscreenElement && document.fullscreenElement.nodeName == 'VIDEO') {
    return true;
  }
  return false;
}