iPad上的Chrome的全屏API?

use*_*442 6 javascript html5 ipad ios html5-fullscreen

我正在创建一个小部件,单击一个按钮后,我希望将其全屏显示。我已经实现了全屏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();
    }
});
Run Code Online (Sandbox Code Playgroud)

我有什么办法可以创建一种应用程序(基本上是幻灯片放映),以便以任何方式在iPad上进入全屏模式?预先感谢所有提示/帮助。

Jor*_*rdi 3

Safari for IOS 似乎不支持全屏: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