[英]HTML5 Video API - Fullscreen not working with chrome/safari on iPad
[英]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.