windows - Safari 忽略 html5 视频静音属性

Question

不确定我做错了什么，但我无法让 safari 将我的视频静音，即使它已定义。它适用于其他浏览器，但不适用于 safari。支持这个属性吗？？我宁愿不使用 javascript/jquery 修复程序，但如果必须的话，我想。提前致谢。

这是代码

    <video autoplay loop muted>
    <source src="/media/installation.mp4" type="video/mp4">
    <source src="/media/installation.ogv" type="video/ogg">
    <source src="/media/installation.webm" type="video/wbm">
    </video>

Answer 1

Safari 好像不支持这个属性。它未在 Apple 的 documentation 中的受支持属性中列出.它被排除在 browser compatibility 之外MDN 上的表。测试表明，在 DOM 对象上设置 muted 属性不会添加该属性。为了进行比较，将 controls 设置为 true 会设置 controls 属性。

恐怕您需要为此使用 Javascript。

值得注意的是，iOS 上的 Mobile Safari 会忽略 volume 和 muted，即使您使用 Javascript 也是如此。在这种情况下，控制视频音量的唯一方法是使用硬件音量控件。