Safari for iPad、iPhone 中的全屏

Question

在

Safari中fullScreen和cancelFullScreen的代码是什么，遵循以下代码？

var docEl = document.documentElement;
if      (docEl.requestFullScreen)       docEl.requestFullScreen();
else if (docEl.msRequestFullscreen)     docEl.msRequestFullscreen();
else if (docEl.mozRequestFullScreen)    docEl.mozRequestFullScreen();
else if (docEl.webkitRequestFullScreen) docEl.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);

Answer 1

将您的身体 ID 更改为"body"并尝试这个

<script type="text/javascript">
var is_safari = navigator.userAgent.indexOf("Safari") > -1;
      var elem = document.getElementById("body");
if((navigator.userAgent.match(/iPhone/i)) || 
 (navigator.userAgent.match(/iPod/i))) {
  if (is_safari){
    elem.onclick = function() {
        req = elem.requestFullScreen || elem.webkitRequestFullScreen || elem.mozRequestFullScreen;
        req.call(elem);
    }
    }
 }
 $(document).keyup(function(e) {
     if (e.keyCode == 27) { // escape key maps to keycode `27`
 elem.webkitExitFullScreen();
    }
});
 </script>