J'ai un problème pour un mode plein écran dans une application web sur un appareil mobile iOS (iPhone et IPad, toutes versions).Le basculement plein écran ne fonctionne pas sur iOS mobile/tablette (Safari, Chrome et Firefox)
J'ai un bouton qui appelle une fonction de basculement plein écran. Cette fonction fonctionne sur tous les appareils autres que iOS.
Ma fonction:
function toggleFullScreen(e) {
if (!document.fullscreenElement && !document.mozFullScreenElement && !document.webkitFullscreenElement && !document.msFullscreenElement && !window.navigator.standalone) { // current working methods
if (document.documentElement.requestFullscreen) {
document.documentElement.requestFullscreen();
} else if (document.documentElement.msRequestFullscreen) {
document.documentElement.msRequestFullscreen();
} else if (document.documentElement.mozRequestFullScreen) {
document.documentElement.mozRequestFullScreen();
} else if (document.documentElement.webkitRequestFullscreen) {
document.documentElement.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
}
$('body').css({'height': screen.height});
fullSreen = true;
} else {
if (document.exitFullscreen) {
document.exitFullscreen();
} else if (document.msExitFullscreen) {
document.msExitFullscreen();
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
} else if (document.webkitExitFullscreen) {
document.webkitExitFullscreen();
}else if(document.cancelFullScreen){
document.cancelFullScreen();
}
$('body').css({'height': 'auto'});
fullSreen = false;
}
}
Il ne fonctionne pas sur Safari, Chrome et Firefox sur iOS mobile/iPad, mais la fonction est appel (i essayer avec un certain message d'alerte). Je ne comprends pas pourquoi, merci d'avance!