Aanbevolen cursus:

Fullscreen API fullscreenEnabled() methode

fullscreenEnabled() Definitie en gebruik

Retourneert een booleaanse waarde als volledig schermmodus beschikbaar is. fullscreenEnabled() De methode retourneert true, anders retourneert het false.

Tip:Gebruik element.requestFullscreen() methode Bekijk element in volledig scherm.

Tip:Gebruik element.exitFullscreen() methode Verlaat volledig schermmodus.

Voorbeeld

Voorbeeld 1

Toon <video> element in volledig schermmodus:

/* Haal het element op dat u wilt weergeven in volledig scherm */
var elem = document.getElementById("myvideo");
/* Functie om volledig schermmodus te openen */
function openFullscreen() {
  /* Toon element in volledig scherm als volledig schermmodus beschikbaar is */
  if (document.fullscreenEnabled) {
    /* Toon element in volledig scherm */
    elem.requestFullscreen();
  }
}

Probeer het zelf

Voorbeeld 2

Gebruik voor prefixen in crossbrowserlijke code:

/* Als volledig schermmodus beschikbaar is, voer dan iets uit */
if (
  document.fullscreenEnabled || /* Standaard syntax */
  document.webkitFullscreenEnabled || /* Safari */
  document.msFullscreenEnabled/* IE11 */
) {
...
}

Probeer het zelf

Syntax

document.fullscreenEnabled()

Parameters

Geen.

Technische details

Retourwaarde:

Booleaanse waarde die aangeeft of de document in volledig schermmodus kan worden bekeken:

  • true - Kan de document bekijken in volledig schermmodus
  • false - Kan de document niet volledig in volledig scherm bekijken

Browserondersteuning

De cijfers in de tabel vermelden de eerste browserversie die deze methode volledig ondersteunt.

Aantekening:En sommige browsers vereisen specifieke voorvoegsels (zie haakjes):

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
71.0
45.0 (webkit)		 12.0
11.0 (ms)		 64.0
47.0 (moz)		 6.0 (webkit) 58.0
15.0 (webkit)