Méthode exitFullscreen() de l'API Fullscreen

Définition et utilisation

exitFullscreen() Méthode pour annuler l'élément en mode plein écran.

Avis :Veuillez utiliser Méthode requestFullscreen() Ouvrez l'élément en mode plein écran.

Exemple

Exemple 1

Ouvrez la page HTML en mode plein écran, puis cliquez sur le bouton pour la fermer :

/* Obtenir documentElement (<html>) pour afficher la page en plein écran */
var elem = document.documentElement;
/* Vue en plein écran */
function openFullscreen() {
  if (elem.requestFullscreen) {
    elem.requestFullscreen();
  } else if (elem.webkitRequestFullscreen) { /* Safari */
    elem.webkitRequestFullscreen();
  } else if (elem.msRequestFullscreen) { /* IE11 */
    elem.msRequestFullscreen();
  }
}
/* Fermer le plein écran */
function closeFullscreen() {
  if (document.exitFullscreen) {
    document.exitFullscreen();
  } else if (document.webkitExitFullscreen) { /* Safari */
    document.webkitExitFullscreen();
  } else if (document.msExitFullscreen) { /* IE11 */
    document.msExitFullscreen();
  }
}

Essayez-le vous-même

Exemple 2

Lorsque la page est en mode plein écran, vous pouvez utiliser les styles CSS pour définir le style de la page :

/* Safari */
:-webkit-full-screen {
  background-color: yellow;
}
/* IE11 */
:-ms-fullscreen {
  background-color: yellow;
}
/* Syntaxe standard */
:fullscreen {
  background-color: yellow;
}

Essayez-le vous-même

Syntaxe

HTMLElementObject.exitFullscreen()

Paramètres

Aucun.

Détails techniques

Valeur de retour : Aucune valeur de retour.

Prise en charge du navigateur

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

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
71.0
15.0 (webkit)		 79.0
11.0 (ms)		 64.0
9.0 (moz)		 6.0 (webkit) 58.0
15.0 (webkit)