Volledig scherm API volledig schermIngeschakeld()
Voorbeeld
Een <video>-element in volledig scherm weergeven:
/* Get the element you want displayed in fullscreen */
var elem =
document.getElementById("myvideo");
/* Function to open fullscreen mode
*/
function openFullscreen() {
/* If fullscreen mode is
available, show the element in fullscreen */
if (document.fullscreenEnabled)
{
/* Show the element in fullscreen */
elem.requestFullscreen();
}
}
Definitie en gebruik
De methode fullscreenEnabled() retourneert een Booleaanse waarde die aangeeft of het document kan worden bekeken in de modus Volledig scherm.
De methode fullscreenEnabled() retourneert true als de modus voor volledig scherm beschikbaar is, anders false.
Tip: gebruik de methode element .requestFullscreen() om een element in de modus Volledig scherm te bekijken.
Tip: gebruik de methode element .exitFullscreen() om de modus voor volledig scherm te annuleren.
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 | |||||
---|---|---|---|---|---|
fullscreenEnabled() | 71.0 45.0 (webkit) |
12.0 11.0 (ms) |
64.0 47.0 (moz) |
6.0 (webkit) | 58.0 15.0 (webkit) |
Voorbeeld
Prefixen gebruiken voor cross-browser code:
/* If fullscreen mode is available, then do something */
if (
document.fullscreenEnabled || /* Standard syntax */
document.webkitFullscreenEnabled || /* Safari */
document.msFullscreenEnabled/* IE11 */
) {
...
}
Syntaxis
document.fullscreenEnabled()
Parameters:
Geen |
Technische details
Winstwaarde: | Een Booleaanse waarde die aangeeft of het document in de modus volledig scherm kan worden bekeken:
|
---|
❮ API op volledig scherm