Volledig scherm API exitVolledig scherm()
❮ API op volledig schermVoorbeeld
Open de HTML-pagina op volledig scherm en sluit deze met een klik op de knop:
/* 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();
}
}
Meer "Probeer het zelf" voorbeelden hieronder.
Definitie en gebruik
De methode exitFullscreen() annuleert een element in de modus Volledig scherm.
Tip: Gebruik de methode requestFullscreen() om een element in de modus Volledig scherm te openen.
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die de methode volledig ondersteunt. Opmerking: voor sommige browsers is een specifiek voorvoegsel vereist (zie haakjes):
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) |
Syntaxis
HTMLElementObject.exitFullscreen()
Parameters:
Geen |
Technische details
Winstwaarde: | Geen retourwaarde |
---|
Meer voorbeelden
U kunt CSS gebruiken om de pagina op te maken wanneer deze zich in de modus Volledig scherm bevindt:
Voorbeeld
/* Safari */
:-webkit-full-screen {
background-color: yellow;
}
/* IE11 */
:-ms-fullscreen {
background-color: yellow;
}
/* Standard syntax */
:fullscreen {
background-color: yellow;
}
❮ API op volledig scherm