我正在创建一个小工具,我想去全屏一旦一个按钮被点击。我已经实现了fullscreen API,它在所有浏览器上都非常出色。但是,我创建这个小部件只是为了在iPads上作为一个交互式kiosk工作。我可以自由地使用任何工作最好的浏览器,但我不能在我的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();
}
});有没有办法让我创建一个应用程序(基本上就是一个幻灯片),以任何可能的方式进入iPads的全屏?提前感谢您的所有提示/帮助。
发布于 2017-08-09 19:47:53
IOS版的Safari似乎不支持全屏: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
https://stackoverflow.com/questions/44705054
复制相似问题