JavaScript Fullscreen API

Fullscreen API

Fullscreen API erbjuder metoder och egenskaper för att hantera fullskärms HTML-element.

Exempel

Visa <video>-element i fullskärmsläge:

/* Hämta elementet som behöver visas i fullskärmsläge */
var elem = document.getElementById("myvideo");
/* Kör openFullscreen()-funktionen för att öppna video i fullskärmsläge. Inkluderar prefix för webbläsare som inte stöder requestFullscreen-egenskapen. */
function openFullscreen() {
  if (elem.requestFullscreen) {
    elem.requestFullscreen();
  } else if (elem.webkitRequestFullscreen) { /* Safari */
    elem.webkitRequestFullscreen();
  } else if (elem.msRequestFullscreen) { /* IE11 */
    elem.msRequestFullscreen();
  }
}

Prova själv

Fullscreen egenskaper och metoder

Egenskap / Metod Beskrivning
exitFullscreen() Avsluta elementet i fullskärmsläge.
fullscreenElement Returnerar elementet som är i fullskärmsläge.
fullscreenEnabled() Om dokumentet kan visas i fullskärmsläge, returneras true.
requestFullscreen() Öppna elementet i fullskärmsläge.