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

 nuabolalalala6_535 发布于 2023-02-10 11:51

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

根据这个http://caniuse.com/fullscreen有一些限制,但我找不到该表上的chrome/ios.

如果有人告诉我这是一个有效的系统限制,我会非常感谢来自一个好消息来源的链接.

这是一些代码:

HTML:




使用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/

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表中.

    2023-02-10 11:55 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有