JavaScript Fullscreen API

Fullscreen API

De Fullscreen API biedt methoden en eigenschappen om HTML-elementen in volledig schermweergave te beheren.

Voorbeeld

Weergeven van <video> element in volledig schermmodus:

/* Verwijd de elementen die in volledig schermweergave moeten worden weergegeven */
var elem = document.getElementById("myvideo");
/* Voer de functie openFullscreen() uit om video in volledig schermweergave te openen. Inclusief voorvoegsels voor browsers die de eigenschap requestFullscreen niet ondersteunen. */
function openFullscreen() {
  if (elem.requestFullscreen) {
    elem.requestFullscreen();
  } else if (elem.webkitRequestFullscreen) { /* Safari */
    elem.webkitRequestFullscreen();
  } else if (elem.msRequestFullscreen) { /* IE11 */
    elem.msRequestFullscreen();
  }
}

Probeer het zelf

Fullscreen eigenschappen en methoden

Eigenschap / Methode Beschrijving
exitFullscreen(); Verwijder element in volledig schermmodus.
fullscreenElement Retourneert het element dat zich in volledig schermmodus bevindt.
fullscreenEnabled(); Als het mogelijk is om het document in volledig schermweergave te bekijken, wordt true geretourneerd.
requestFullscreen(); Open element in full-screen mode.