javascript - 有没有显示浏览器特定块的选项

Question

嗨，我想在具体4 8.5.1 CMS 中显示取决于浏览器的块，一旦块将有 GIF，其他将有 AV1 视频。但由于并非所有浏览器都支持 AV1，我想显示 gif，支持的浏览器将隐藏 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

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

Answer 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;
}