全屏API无法在Chrome/iOS上运行

Question

我想在用户点击链接/按钮时全屏显示视频.这在桌面上运行良好,但在使用chrome的iPad上运行不佳.

根据这个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/

Answer 1

根据这个链接http://www.mobilexweb.com/blog/chrome-ios-android-4-1-jelly-bean-html5:

那是因为Chrome for iOS不是Chrome.什么？？它具有Chrome风格的用户界面,onmibox,语音搜索功能,并具有Chrome同步功能.但是,渲染和执行引擎不是Chrome.

我称他们为伪浏览器,您可以在我之前的帖子中看到我的意见和对评论区域的良好讨论.因此,Chrome for iOS实际上使用的是与Web共享大部分代码的iOS Web View.

Chrome for iOS正在使用的用户代理是Safari添加一个:"CriOS"(我猜的Chrome for iOS).用户代理中没有"Chrome"字样,因此如果您正在为Chrome做一些特别的事情,那么您就是安全的,并且不会在iOS上的Chrome上执行.

结论,当您在iOS上使用Chrome时,您正在使用Safari,这就是为什么它没有出现在caniuse表中.