2017-06-22 76 views
2

我正在創建一個小部件,我希望一旦點擊一個按鈕就全屏。我已經實現了全屏API,並且它在所有瀏覽器上都很有魅力。但是,我創建的這個小部件只能作爲iPad上的交互式信息亭使用。我可以自由使用任何最適合的瀏覽器,但我無法使用全屏功能在我的iPad上工作。是否嘗試過多種不同的選項,但沒有就足夠了......我有下面的代碼是在正常的桌面瀏覽器上運行:iPad版全屏API?

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上進入全屏?預先感謝所有提示/幫助。

回答