API plein écran exitFullscreen()
❮ API plein écranExemple
Ouvrez la page HTML en mode plein écran et fermez-la d'un simple clic :
/* Get the documentElement (<html>) to display the page in fullscreen */
var elem = document.documentElement;
/* View in fullscreen */
function openFullscreen() {
if (elem.requestFullscreen) {
elem.requestFullscreen();
} else if (elem.webkitRequestFullscreen)
{ /* Safari */
elem.webkitRequestFullscreen();
} else if (elem.msRequestFullscreen)
{ /* IE11 */
elem.msRequestFullscreen();
}
}
/*
Close fullscreen */
function closeFullscreen() {
if (document.exitFullscreen) {
document.exitFullscreen();
} else if (document.webkitExitFullscreen)
{ /* Safari */
document.webkitExitFullscreen();
} else if (document.msExitFullscreen) { /* IE11 */
document.msExitFullscreen();
}
}
Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et utilisation
La méthode exitFullscreen() annule un élément en mode plein écran.
Astuce : Utilisez la méthode requestFullscreen() pour ouvrir un élément en mode plein écran.
Prise en charge du navigateur
Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge la méthode. Remarque : Certains navigateurs nécessitent un préfixe spécifique (voir parenthèses) :
Method | |||||
---|---|---|---|---|---|
exitFullscreen() | 71.0 15.0 (webkit) |
79.0 11.0 (ms) |
64.0 9.0 (moz) |
6.0 (webkit) | 58.0 15.0 (webkit) |
Syntaxe
HTMLElementObject.exitFullscreen()
Paramètres
Rien |
Détails techniques
Valeur de retour : | Aucune valeur de retour |
---|
Plus d'exemples
Vous pouvez utiliser CSS pour styliser la page lorsqu'elle est en mode plein écran :
Exemple
/* Safari */
:-webkit-full-screen {
background-color: yellow;
}
/* IE11 */
:-ms-fullscreen {
background-color: yellow;
}
/* Standard syntax */
:fullscreen {
background-color: yellow;
}
❮ API plein écran