Méthode fullscreenEnabled() de l'API Fullscreen

Définition et utilisation

fullscreenEnabled() La méthode retourne une valeur booléenne indiquant si le document peut être visualisé en mode plein écran.

Si le mode plein écran est disponible, fullscreenEnabled() La méthode retourne true, sinon elle retourne false.

Astuce :Utilisez elementMéthode .requestFullscreen() Affichez l'élément en mode plein écran.

Astuce :Utilisez elementMéthode .exitFullscreen() Sortir du mode plein écran.

Exemple

Exemple 1

Affichage de l'élément <video> en mode plein écran :

/* Obtenez l'élément que vous souhaitez afficher en plein écran */
var elem = document.getElementById("myvideo");
/* Fonction d'ouverture du mode plein écran */
function openFullscreen() {
  /* Si le mode plein écran est disponible, affichez l'élément en plein écran */
  if (document.fullscreenEnabled) {
    /* Affichage en plein écran de l'élément */
    elem.requestFullscreen();
  }
}

Essayez-le vous-même

Exemple 2

Utilisez des préfixes pour le code cross-navigateur :

/* Si le mode plein écran est disponible, effectuez quelque chose */
if (
  document.fullscreenEnabled || /* Syntaxe standard */
  document.webkitFullscreenEnabled || /* Safari */
  document.msFullscreenEnabled/* IE11 */
) {
...
}

Essayez-le vous-même

Syntaxe

document.fullscreenEnabled()

Paramètres

Aucun.

Détails techniques

Valeur de retour :

Valeur booléenne indiquant si le document peut être visualisé en mode plein écran :

  • true - Il est possible de visualiser le document en mode plein écran
  • false - Impossible de visualiser le document en plein écran

Prise en charge du navigateur

Les numéros dans le tableau indiquent la première version de navigateur qui prend en charge cette méthode en pleine compatibilité.

Remarque :Certains navigateurs nécessitent des préfixes spécifiques (voir les parenthèses) :

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)