API plein écran fullscreenEnabled()
Exemple
Afficher un élément <video> en mode plein écran :
/* 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();
}
}
Définition et utilisation
La méthode fullscreenEnabled() renvoie une valeur booléenne indiquant si le document peut être affiché en mode plein écran.
La méthode fullscreenEnabled() renvoie true si le mode plein écran est disponible, sinon false.
Astuce : Utilisez la méthode element .requestFullscreen() pour afficher un élément en mode plein écran.
Astuce : Utilisez la méthode element .exitFullscreen() pour annuler le 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 | |||||
---|---|---|---|---|---|
fullscreenEnabled() | 71.0 45.0 (webkit) |
12.0 11.0 (ms) |
64.0 47.0 (moz) |
6.0 (webkit) | 58.0 15.0 (webkit) |
Exemple
Utilisation de préfixes pour le code multi-navigateur :
/* If fullscreen mode is available, then do something */
if (
document.fullscreenEnabled || /* Standard syntax */
document.webkitFullscreenEnabled || /* Safari */
document.msFullscreenEnabled/* IE11 */
) {
...
}
Syntaxe
document.fullscreenEnabled()
Paramètres
Rien |
Détails techniques
Valeur de retour : | Une valeur booléenne, indiquant si le document peut être visualisé en mode plein écran :
|
---|
❮ API plein écran