iPad 上适用于 Chrome 的全屏 API

Question

我正在创建一个小部件，一旦单击按钮，我想全屏显示。我已经实现了全屏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上进入全屏？提前感谢所有提示/帮助。

Answer 1

似乎

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

据我所知，Chrome for IOS是基于Safari的，所以，如果Safari不支持全屏，Chrome将不支持它。

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