Fullscreen API fullscreenEnabled() metod

Definition och användning

fullscreenEnabled() metoden returnerar ett booleskt värde som indikerar om dokumentet kan visas i fullskärm.

Om fullskärm är tillgänglig, fullscreenEnabled() Metoden returnerar true om fullskärm är tillgänglig, annars returnerar den false.

Tips:Använd element.requestFullscreen() metod Visa element i fullskärm.

Tips:Använd element.exitFullscreen() metod Avsluta fullskärm.

Exempel

Exempel 1

Visa <video>-element i fullskärm:

/* Hämta det element du vill visa i fullskärm */
var elem = document.getElementById("myvideo");
/* Funktion för att öppna fullskärm */
function openFullscreen() {
  /* Om fullskärm kan användas, visa element i fullskärm */
  if (document.fullscreenEnabled) {
    /* Visa element i fullskärm */
    elem.requestFullscreen();
  }
}

Prova det själv

Exempel 2

Använd prefikser för kryssbläddringskod för flera webbläsare:

/* Om fullskärm kan användas, gör något */
if (
  document.fullscreenEnabled || /* Standard syntax */
  document.webkitFullscreenEnabled || /* Safari */
  document.msFullscreenEnabled/* IE11 */
) {
...
}

Prova det själv

Syntaks

document.fullscreenEnabled()

Parametrar

Inget.

Tekniska detaljer

Returvärde:

Boolskt värde som indikerar om dokumentet kan visas i fullskärm:

  • true - Kan visa dokumentet i fullskärm
  • false - Kan inte visa dokumentet i fullskärm

Webbläsarstöd

Talen i tabellen anger den första webbläsarversion som fullständigt stöder denna metod.

Kommentarer:Vissa webbläsare kräver specifika prefikser (se parenteser):

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)