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上进入全屏模式?预先感谢所有提示/帮助。
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
| 归档时间: |
|
| 查看次数: |
2344 次 |
| 最近记录: |