如何使用浏览器功能检测来控制视频属性静音？

如何解决如何使用浏览器功能检测来控制视频属性静音？

我是网络开发的新手。经过研究，我发现使用用户代理样式对于网站的长期持续而言并不可靠。我以前从未使用过功能检测，但被告知这是要走的路。那我可以得到一些入门帮助吗？我只想检测用户的浏览器是否是野生动物园，如果是，我希望特定的视频元素包含“静音”属性。本质上，我希望视频在带有声音的镶边中自动播放，而在野生动物园中，我希望将其静音并自动播放。假设视频元素的ID为#catwalk。如果很多，有人可以为我指出针对特定用例使用功能检测的简单指南吗？谢谢！

解决方法

由于Safari是唯一（当前）具有正确尾调用的浏览器，因此以下代码应标识一个野生动物园浏览器（由于我没有任何基于水果的设备，因此无法检查此代码的准确性）>

var safari = (function() {
    try {
        return eval(`(function(){"use strict";return(function f(n){if(n<=0){return "foo";}return f(n - 1);}(1e6))==="foo";})()`);
    } catch(e) {
        return false;
    }
})();

当然，功能检测的问题在于功能已添加到浏览器中-因此这可能并不总是有用的