是否有显示浏览器特定块的选项

Question

嗨，我想显示具体取决于浏览器的块，具体取决于8.4 CMS 一旦块将有GIF，其他将有AV1视频。但是由于并非所有浏览器都支持AV1，因此我想显示gif，而支持该功能的浏览器将隐藏GIF并显示AV1。 PHP版本是7.3

我尝试了differnet CSS，但是没有用 https://rafael.adm.br/css_browser_selector/

Answer 1

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

https://modernizr.com/download?setclasses

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

Modernize对您检查的每个功能都提供true或false，例如，您可以检查html5video，如果为true，则将.active类添加到视频容器中，如果不将.active添加到gif容器中。

Answer 2

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

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