Metoda exitFullscreen() API pełnego ekranu

Definicja i użycie

exitFullscreen() Metoda wyjścia z trybu pełnego ekranu dla elementu.

Wskazówka:Użyj Metoda requestFullscreen() Otwórz element w trybie pełnego ekranu.

Przykład

Przykład 1

Otwórz stronę HTML w trybie pełnego ekranu, a następnie kliknij przycisk, aby ją zamknąć:

/* Pobierz documentElement (<html>) do pełnego wyświetlenia strony */
var elem = document.documentElement;
/* Otwórz pełny ekran */
function openFullscreen() {
  if (elem.requestFullscreen) {
    elem.requestFullscreen();
  } else if (elem.webkitRequestFullscreen) { /* Safari */
    elem.webkitRequestFullscreen();
  } else if (elem.msRequestFullscreen) { /* IE11 */
    elem.msRequestFullscreen();
  }
}
/* Zamknij pełny ekran */
function closeFullscreen() {
  if (document.exitFullscreen) {
    document.exitFullscreen();
  } else if (document.webkitExitFullscreen) { /* Safari */
    document.webkitExitFullscreen();
  } else if (document.msExitFullscreen) { /* IE11 */
    document.msExitFullscreen();
  }
}

Spróbuj sam

Przykład 2

Kiedy strona jest w trybie pełnego ekranu, możesz ustawić styl strony za pomocą CSS:

/* Safari */
:-webkit-full-screen {
  background-color: yellow;
}
/* IE11 */
:-ms-fullscreen {
  background-color: yellow;
}
/* Standardowa gramatyka */
:fullscreen {
  background-color: yellow;
}

Spróbuj sam

Gramatyka

HTMLElementObject.exitFullscreen()

Parametry

Brak.

Szczegóły techniczne

Zwracana wartość: Brak wartości zwracanej.

Obsługa przeglądarek

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

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
71.0
15.0 (webkit)		 79.0
11.0 (ms)		 64.0
9.0 (moz)		 6.0 (webkit) 58.0
15.0 (webkit)