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   实际上是使用与大多数代码共享的iOS Web View   Safari浏览器。

Chrome for iOS正在使用的用户代理是Safari one one   另外：“CriOS”（iOS的Chrome浏览器）。没有“Chrome”字样   在用户代理内部，所以如果你正在做一些特别的事情   Chrome，你是安全的，它不会在Chrome上执行   的iOS。

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

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

1 个答案: