全屏在 Safari 中不起作用 [英] Full screen is not working in Safari

问题描述

全屏在 chrome 和其他浏览器中可用，但在 Safari 中不可用.这是我的代码:

var doc = window.document;var docEl = document.getElementById("divId");//doc.documentElement;var requestFullScreen = docEl.requestFullscreen ||docEl.mozRequestFullScreen ||docEl.webkitRequestFullScreen ||docEl.msRequestFullscreen;var cancelFullScreen = doc.exitFullscreen ||doc.mozCancelFullScreen ||doc.webkitExitFullscreen ||doc.msExitFullscreen;if(!doc.fullscreenElement && !doc.mozFullScreenElement && !doc.webkitFullscreenElement && !doc.msFullscreenElement){requestFullScreen.call(docEl);} 别的 {cancelFullScreen.call(doc);}

解决方案

全屏 API iOS Safari 不支持，并且 Safari 部分支持:更多相关信息.

我建议查看 Sindre 的跨浏览器包装器，screenfull.js 围绕 Fullscreen API，至少 查看源代码并获取您当前项目所需的内容.

如果您创建一个网络应用，您的用户将安装该应用，在这里您可以找到有关特定元标记的更多信息，以便在全屏模式下运行您的网络应用.

Full screen is working in chrome and other browsers but not working in Safari. Here is my code:

var doc = window.document;
var docEl = document.getElementById("divId");      
//doc.documentElement;

var requestFullScreen = docEl.requestFullscreen || docEl.mozRequestFullScreen || docEl.webkitRequestFullScreen || docEl.msRequestFullscreen;
var cancelFullScreen = doc.exitFullscreen || doc.mozCancelFullScreen || doc.webkitExitFullscreen || doc.msExitFullscreen;

if(!doc.fullscreenElement && !doc.mozFullScreenElement && !doc.webkitFullscreenElement && !doc.msFullscreenElement){
  requestFullScreen.call(docEl);
} else { 
  cancelFullScreen.call(doc);
}    

<div id="divId" style="width: 300px;height:60px" > FULL SCREEN </div>

解决方案

The Fullscreen API is not supported in iOS Safari and has partial support in Safari: more on this.

I would recommend to check out Sindre's cross-browser wrapper, screenfull.js around the Fullscreen API, at least check out the source and get what your current project needs.

If you create a web app, that your users will install, here you can find out more about certain meta tags to specify in order to run your web app in full-screen.

这篇关于全屏在 Safari 中不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！