簡體   English   中英

適用於iPad的Chrome全屏API?

[英]Fullscreen API for Chrome on iPad?

我正在創建一個小部件,一旦點擊一個按鈕,我想全屏顯示。 我已經實現了全屏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上進入全屏? 提前感謝所有提示/幫助。

似乎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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM