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

Question

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

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

Answer 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;
}