全屏API無法在Chrome/iOS上工作

我試圖在用戶點擊鏈接/按鈕時以全屏方式顯示視頻。這在桌面上工作正常，但在使用Chrome的iPad上無法正常工作。全屏API無法在Chrome/iOS上工作

根據這http://caniuse.com/fullscreen有一些限制，但我無法在該表上找到chrome/ios。

如果有人告訴我這是一個操作系統限制，我將非常感謝來自良好來源的鏈接。

下面是一些代碼：

HTML：

<video id="video1" width="420" controls> 
    <source src="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4" /> 
    <source src="http://www.w3schools.com/html/mov_bbb.ogg" type="video/ogg" />Your browser does not support HTML5 video.</video> 

<button onclick="PlayFunction();">PLAY</button>

的Javascript：

function PlayFunction() 
{ 
     launchFullScreen(document.getElementById("video1")); // any individual element); 
    $("#video1")[0].play(); 

}function launchFullScreen(element) { 
     if (element.requestFullScreen) { 
     element.requestFullScreen(); 
    } else if (element.mozRequestFullScreen) { 
     element.mozRequestFullScreen(); 
    } else if (element.webkitRequestFullScreen) { 

     element.webkitRequestFullScreen(); 
    } 
    else if (element.msRequestFullscreen) { 
     element.msRequestFullscreen(); 
    } else if (element.webkitRequestFullscreen) { 

     element.webkitRequestFullscreen(); 
    } else { 

     alert("no cai en ningun lado"); 
    } 
}

的jsfiddle：http://jsfiddle.net/9aSjn/16/

來源

2013-12-16 Sanchitos

根據這個鏈接http://www.mobilexweb.com/blog/chrome-ios-android-4-1-jelly-bean-html5：

這是因爲Chrome for iOS不是Chrome。什麼？？它有一個 Chrome風格的用戶界面，onmibox，通過語音搜索和Chrome瀏覽器同步。但是，渲染和執行引擎不是Chrome。

我稱他們爲僞瀏覽器，你可以在我以前的帖子的評論區域看到我的意見和很好的討論。因此，針對iOS 的Chrome瀏覽器實際上使用的是與Web瀏覽器共享大部分代碼的iOS Web視圖，其中包括 Safari。

Chrome for iOS正在使用的用戶代理是一個帶有一個的Safari瀏覽器，另外還有：「CriOS」（我猜iOS的Chrome）。在用戶代理內部沒有「Chrome」字，因此如果您正在爲Chrome瀏覽器做一些特殊的事情，那麼您將很安全，並且不會在Chrome上執行 iOS。

總結，當您在iOS上使用Chrome時，您使用的是Safari，這就是爲什麼它沒有出現在caniuse表中。

來源

2013-12-17 18:09:11 Sanchitos

全屏API無法在Chrome/iOS上工作

回答

相關問題