是否有任何选项可以显示浏览器特定块

Question

嗨，我想显示块，该块取决于Concrete4 8.5.1 cms中的浏览器一旦块将拥有GIF，其他将有AV1视频。但是，由于所有浏览器都不支持AV1，因此我想显示GIF，并且支持的av1将隐藏GIF并显示AV1。PHP版本为7.3

我尝试了不同的CSS，但没有起作用https://rafael.adm.br/css_browser_selector/

Answer 1

尝试使用Modernizr检测到重现视频所需的浏览器功能：

https://modernizr.com/download?setClasses

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

现代化为您检查的每个功能提供真实或错误，例如，您可以检查html5video，如果不为true，请添加类。在视频容器中添加类。如果不添加到gif容器。

Answer 2

不知道您的代码，并且基于您发布的特定浏览器选择器示例，我建议采用以下方法。假设IE不支持视频，Chrome可以，并且您有2个单独的容器，其中class =" gif"，用于带有gif的容器，and class ="视频"带有视频：

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