【问题标题】:Is there any option to show browser specific block有没有显示浏览器特定块的选项
【发布时间】:2019-08-02 08:06:58
【问题描述】:

您好,我想在具体4 8.5.1 CMS 中显示取决于浏览器的块 一旦块将有 GIF 和其他将有 AV1 视频。但由于并非所有浏览器都支持 AV1,我想显示 gif,而支持的浏览器将隐藏 GIF 并显示 AV1。 PHP版本是7.3

我尝试过不同的 css,但没有用 https://rafael.adm.br/css_browser_selector/

【问题讨论】:

标签: javascript css concrete5-8.x


【解决方案1】:

尝试使用modernizr 检测重现视频所需的浏览器功能:

https://modernizr.com/download?setclasses

您可以查看特定的视频: https://modernizr.com/download?video-setclasses&q=video

Modernize 在您检查的每个功能上为您提供 true 或 false,例如您可以检查 html5video,如果为 true,则将 class .active 添加到视频容器,如果不将 .active 添加到 gif 容器。

【讨论】:

    【解决方案2】:

    在不知道您的代码的情况下,根据您发布的特定浏览器选择器示例,我建议采用以下方法。假设 IE 不支持视频,而 chrome 支持,并且您有 2 个单独的容器,其中 class="gif" 用于带有 gif 的容器,class="video" 用于带有视频的容器:

    .video {
      display: none;
    }
    .gif {
      display: none;
    } 
    .ie .gif {
      display: inline-block;
    }
    .chrome .video {
      display: inline-block;
    }
    

    【讨论】:

    • 这行得通,我所做的错误是试图将脚本放在页面内。尝试将它加载到标题中并使用您提供的 css,它适用于 Mozila 和 Chrome。仍在测试 IE
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2012-02-14
    • 2016-09-15
    • 2010-10-18
    • 1970-01-01
    • 2020-08-10
    • 1970-01-01
    相关资源
    最近更新 更多