6

我正在创建一个小部件,一旦单击按钮,我想全屏显示。我已经实现了全屏 API,它在所有浏览器上都像一个魅力。但是,我正在创建这个小部件以仅在 iPad 上用作交互式信息亭。我可以自由使用任何效果最好的浏览器,但我无法在我的 iPad 上使用全屏功能。尝试了多种不同的选项,但还不够……我有以下代码可在普通桌面浏览器上运行:

var element = document.getElementById('element');
var fullscreenButton = document.getElementById('fullscreenButton');

fullscreenButton.addEventListener('click', function(){
    if(element.requestFullscreen){
        element.requestFullscreen();
    }else if(element.webkitRequestFullscreen){
        element.webkitRequestFullscreen();
    }else if(element.mozRequestFullScreen){
        element.mozRequestFullScreen();
    }else if(element.msRequestFullscreen){
        element.msRequestFullscreen();
    } else{
        element.webkitEnterFullscreen();
    }
});

有什么方法可以让我创建一个应用程序(基本上是幻灯片)以在 iPad 上以任何可能的方式进入全屏模式?提前感谢所有提示/帮助。

4

1 回答 1

3

IOS的Safari似乎不支持全屏:http ://caniuse.com/#search=full%20screen

据我所知,iOS 版 Chrome 是基于 Safari 的,因此,如果 Safari 不支持全屏,Chrome 将不支持。

检查此链接以获取更多详细信息(他们提出了一些解决方案,但不是很好):https ://forum.playcanvas.com/t/struggling-to-run-in-full-screen-mode-ios-chrome/2008

于 2017-08-09T11:47:53.120 回答