在移动设备上检测全屏模式

【问题标题】：Detect fullscreen mode on mobile在移动设备上检测全屏模式
【发布时间】：2020-08-22 05:07:24
【问题描述】：

我浪费了很多时间来搜索在移动设备上检测全屏模式。
但我发现的结果仅适用于浏览器桌面。这里 Detect fullscreen mode

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

【问题讨论】：

标签： javascript fullscreen html5-fullscreen

【解决方案1】：

检查document.fullscreenElement 属性。

https://developer.mozilla.org/en-US/docs/Web/API/DocumentOrShadowRoot/fullscreenElement

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

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

【讨论】：