webkitIsFullScreen sur ipad / iphone?

J'ai une application qui nécessite une actualisation de la page chaque fois que l'orientation change (ipad / iphone). Dans cette application, les videos HTML5 sont également présentées à certains moments dans UX. Chaque fois qu'un user regarde une video en mode plein écran, leur première inclinaison est de faire pivoter l'appareil en mode paysage s'il ne l'était pas déjà. Quand ils le font, cependant, il triggers le rechargement de la page méchant, mettant fin effectivement à leur session de visualisation. En tapant dans l'API webkit en plein écran, j'ai pu écrire une logique pour contrôler ce comportement, qui fonctionne parfaitement sur le bureau Safari ainsi que sur l'agent user iPad / iPhone sélectionné dans les outils de développement, mais NE FONCTIONNE PAS sur l'iphone / ipad natif .

document.webkitIsFullScreen renvoie false / true correctement dans la console de Safari, mais apparaît comme non défini sur iphone / ipad. Quelqu'un peut-il me dire comment faire cela sur ipad / iphone, puisque ce sont les seuls appareils qui nécessitent cette fonctionnalité de toute façon? Ou y a-t-il une solution beaucoup plus simple que je néglige? Toute aide est grandement appréciée!

$(document).ready( function () { var video = document.getElementById('video'); var canrefresh = true; video.addEventListener("webkitfullscreenchange",function(){ // Detects if video is in full screen mode and toggles canrefresh variable // canrefresh = false when webkitfullscreenchange event is heard // canrefresh = true after exiting full screen if (canrefresh == true) { canrefresh = false; } else { canrefresh = true; } console.log(document.webkitIsFullScreen+' | '+canrefresh); }, false); $(window).resize(function() { // Look to make sure not in full screen, and canrefresh variable is true before refreshing page if((document.webkitIsFullScreen == false) && (canrefresh == true)){ window.location = window.location.href+'?v='+Math.floor(Math.random()*1000); } }); console.log(document.webkitIsFullScreen+' | '+canrefresh); $('body .test').text(document.webkitIsFullScreen+' | '+canrefresh); // document.webkitIsFullScreen is returning 'false' in Safari (correct), but 'undefined' on native iphone/ipad device }); 

La propriété équivalente qui est compatible avec Mobile Safari est la propriété webkitDisplayingFullscreen sur l'object DOM HTMLVideoElement .