API Fullscreen JavaScript

API Fullscreen

L'API Fullscreen fournit des méthodes et des propriétés pour gérer les éléments HTML en plein écran.

Exemple

Affichage en mode plein écran de l'élément <video> :

/* Obtient l'élément à afficher en plein écran */
var elem = document.getElementById("myvideo");
/* Exécutez la fonction openFullscreen() pour ouvrir en plein écran. Inclut les préfixes pour les navigateurs qui ne supportent pas l'attribut requestFullscreen. */
function openFullscreen() {
  if (elem.requestFullscreen) {
    elem.requestFullscreen();
  } else if (elem.webkitRequestFullscreen) { /* Safari */
    elem.webkitRequestFullscreen();
  } else if (elem.msRequestFullscreen) { /* IE11 */
    elem.msRequestFullscreen();
  }
}

Essayer par vous-même

Propriétés et méthodes Fullscreen

Propriété / Méthode Description
exitFullscreen() Désactive l'élément en mode plein écran.
fullscreenElement Retourne l'élément en mode plein écran.
fullscreenEnabled() Si le document peut être visualisé en mode plein écran, retourne true.
requestFullscreen() Ouvrir l'élément en mode plein écran.