Обнаружение полноэкранного режима на мобильном телефоне

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