Metoda fullscreenEnabled() API pełnego ekranu

Definicja i użycie

fullscreenEnabled() Metoda zwraca wartość logiczną wskazującą, czy dokument można wyświetlić w trybie pełnego ekranu.

Jeśli tryb pełnego ekranu jest dostępny, fullscreenEnabled() Metoda zwraca wartość true, w przeciwnym razie zwraca wartość false.

Wskazówka:Proszę użyć elementMetoda .requestFullscreen() Wyświetl element w trybie pełnego ekranu.

Wskazówka:Proszę użyć elementMetoda .exitFullscreen() Anuluj tryb pełnego ekranu.

Przykład

Przykład 1

Wyświetl element <video> w trybie pełnego ekranu:

/* Pobierz element, który chcesz wyświetlić w trybie pełnego ekranu */
var elem = document.getElementById("myvideo");
/* Funkcja otwierająca tryb pełnego ekranu */
function openFullscreen() {
  /* Jeśli tryb pełnego ekranu jest dostępny, wyświetl element w trybie pełnego ekranu */
  if (document.fullscreenEnabled) {
    /* Wyświetl element w trybie pełnego ekranu */
    elem.requestFullscreen();
  }
}

Spróbuj sam

Przykład 2

Używaj prefiksów dla kodu przeglądarkowego wieloplatformowego:

/* Jeśli tryb pełnego ekranu jest dostępny, zrób coś */
if (
  document.fullscreenEnabled || /* Standardowa gramatyka */
  document.webkitFullscreenEnabled || /* Safari */
  document.msFullscreenEnabled/* IE11 */
) {
...
}

Spróbuj sam

Gramatyka

document.fullscreenEnabled()

Parametry

Brak.

Szczegóły techniczne

Zwracana wartość:

Wartość logiczna wskazująca, czy dokument można wyświetlić w trybie pełnego ekranu:

  • true - można wyświetlić dokument w trybie pełnego ekranu
  • false - niemożliwe jest wyświetlenie dokumentu w trybie pełnego ekranu

Obsługa przeglądarek

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która obsługuje tę metodę w pełni.

Uwagi:Niektóre przeglądarki wymagają specyficznych prefiksów (patrz w nawiasach):

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
71.0
45.0 (webkit)		 12.0
11.0 (ms)		 64.0
47.0 (moz)		 6.0 (webkit) 58.0
15.0 (webkit)