簡體   English   中英

適用於iPad,iPhone的Safari全屏

[英]Fullscreen in Safari for iPad, iPhone

在此代碼cancelFullScreen ,Safari中的fullScreencancelFullScreen的代碼是什么?:

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);

將您的身份ID更改為“正文”並嘗試此操作

<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>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM