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

Fullscreen API not working on Chrome/iOS

本文关键字：iOS 运行 Chrome API 全屏      更新时间：2023-09-26

当用户单击链接/按钮时，我正在尝试全屏显示视频。这在台式机上运行良好，但在使用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/

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

这是因为iOS版的Chrome不是Chrome。什么它有一个Chrome风格的用户界面，onmibox，通过语音搜索，并具有Chrome同步功能。但是，渲染和执行引擎不是Chrome。

我称它们为伪浏览器，你可以看到我的观点和在我上一篇文章中评论区的讨论。因此，适用于iOS的Chrome实际上使用的是与共享大部分代码的iOS Web ViewSafari。

Chrome for iOS使用的用户代理是Safari一对一添加："CriOS"（我想是iOS版Chrome）。没有"Chrome"这个词在用户代理内部，因此如果您正在为Chrome，你是安全的，它不会在Chrome上执行iOS。

结论，当你在iOS上使用Chrome时，你就是在使用Safari，这就是为什么它没有出现在犬科动物表中。

相关文章：