FullScreen Html5 (navigateur aussi)


#1

Bonjour, serai t’il possible d’avoir un pleine écran? (sans voir la barre du navigateur), j’ai réussi avec le code poster plus bas, mais ca fonctionne pas sur mon smartphone (testé avec note 4 android 6 )

[code]
<img src=’ Une image.jpg ’ onclick='function launchFullScreen(element) {
if(element.requestFullScreen) {
element.requestFullScreen();
} else if(element.mozRequestFullScreen) {
element.mozRequestFullScreen();
} else if(element.webkitRequestFullScreen) {
element.webkitRequestFullScreen();
}
}

launchFullScreen(document.documentElement);
launchFullScreen(document.getElementById(“videoElement”));’ />[/code]


#2

Fausse manip.


#3

Passer une page web en plein écran sur mobile peut-etre problématique… J’ai pas abordé le sujet depuis un moment, mais il y a avait il y a de cela 2 ans (lors du dernier projet où j’ai dû être confronter à ta problématique) tout un tas de subtilité : ça ne fonctionnait pas pareil suivant les navigateurs : le navigateur intégré android (dérivé chromium) avait sa méthode, chrome avait sa méthode, opera ne supportait pas le fullscreen, et firefox marchait au top. Sur Iphone (mais je saurais pas te dire les versions vu que j’ai pas ça en rayon), ça ne fonctionnait pas sous safari, dé mémoire ils avaient désactiver le fullscreen pour des raisons d’ergonomie ou/et de sécurité.

En tout cas je pense tu devras passer par du code et potasser un peu l’affaire, voici un peu de lecture :
https://developers.google.com/web/fundamentals/native-hardware/fullscreen/
http://www.creativebloq.com/html5/12-html5-tricks-mobile-81412803

J’ose espérer que le mode native web app est mieux toléré aujourd’hui…


#4

Je m’attendais un peu a une réponse dans ce genre (j’ai fait un tout petit peu de HTML il y a quelques années) je potasserai tout ça un peu plus tard merci :wink: