JavaScript Fullscreen API

Fullscreen API

Fullscreen API tilbyder metoder og egenskaber til at håndtere fuldskærm HTML elementer.

Eksempel

Vis <video> elementet i fuldskærmstil:

/* Få fat i elementet, der skal vises i fuldskærm. */
var elem = document.getElementById("myvideo");
/* Udfør openFullscreen() funktionen for at åbne videoen i fuldskærm. Inkluder præfiks for browsere, der ikke understøtter requestFullscreen egenskab. */
function openFullscreen() {
  if (elem.requestFullscreen) {
    elem.requestFullscreen();
  } else if (elem.webkitRequestFullscreen) { /* Safari */
    elem.webkitRequestFullscreen();
  } else if (elem.msRequestFullscreen) { /* IE11 */
    elem.msRequestFullscreen();
  }
}

Prøv det selv

Fullscreen egenskaber og metoder

Egenskab / Metode Beskrivelse
exitFullscreen() Fjern elementet fra fuldskærmstil.
fullscreenElement Returnerer elementet, der er i fuldskærmstil.
fullscreenEnabled() Hvis dokumentet kan vises i fuldskærmstil, returneres true.
requestFullscreen() Åbn elementet i fuldskærmstilstand.