<video> quitter le plein écran automatiquement ?

Bonsoir,
Je ne l'ai vu nulle part mais est-ce qu'il existe - joie, bonheur, félicité - un paramètre pour demander à la balise

<video> 

de quitter le plein écran une fois la diffusion terminée ? C'est pour un site en mode borne / kiosque.

Merci.
Modifié par jlba (23 Jul 2022 - 20:45)

Bonsoir,

Il existe une API permettant au moyen de JavaScript de faire entrer et sortir un élément du DOM en plein écran : https://developer.mozilla.org/fr/docs/Web/API/Fullscreen_API.

En théorie, il serait donc possible d'écrire quelques chose qui ressemble à cela :

const myVideo = document.querySelector("#myVideo")
myVideo.addEventListener("ended", function(e) {
  e.target.exitFullscreen()
}

Dans la pratique, l'implémentation de l'API plein écran n'est pas encore totalement terminée dans la plupart des navigateurs et ces derniers préfixent souvent les méthodes :

// Webkit :
el.webkitRequestFullscreen()
el.webkitExitFullscreen()

// Firefox :
el.mozRequestFullscreen()
el.mozExitFullscreen()

// IE 11
el.msRequestFullscreen()
el.msExitFullscreen()

// Les autres qui prennent en charge :
el.requestFullscreen()
el.exitFullscreen()

Source : https://caniuse.com/mdn-api_document_exitfullscreen

Il faudrait donc en théorie tester le navigateur sur lequel la page est affichée pour appeler les bonnes méthodes. Je pense que ton cas de kiosque est plus simple puisque tu dois savoir à l'avance quel navigateur est utilisé ?