API Fullscreen JavaScript

API Fullscreen

API Fullscreen oferuje metody i atrybuty do obsługi HTML elementów pełnego ekranu.

Przykład

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

/* Pobierz element, który ma być wyświetlony w trybie pełnego ekranu */
var elem = document.getElementById("myvideo");
/* Wykonaj funkcję openFullscreen(), aby otworzyć wideo w trybie pełnego ekranu. Obejmuje również przeglądarki, które nie obsługuje atrybutu requestFullscreen. */
function openFullscreen() {
  if (elem.requestFullscreen) {
    elem.requestFullscreen();
  } else if (elem.webkitRequestFullscreen) { /* Safari */
    elem.webkitRequestFullscreen();
  } else if (elem.msRequestFullscreen) { /* IE11 */
    elem.msRequestFullscreen();
  }
}

Spróbuj sam!

Atrybuty i metody Fullscreen

Atrybut / Metoda Opis
exitFullscreen(); Anuluj element w trybie pełnego ekranu.
fullscreenElement Zwraca element znajdujący się w trybie pełnego ekranu.
fullscreenEnabled(); Jeśli można wyświetlić dokument w trybie pełnego ekranu, zwraca wartość true.
requestFullscreen(); Otwórz element w trybie pełnego ekranu.