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支持的属性中。它被排除在MDN上的browser compatibility表之外。测试表明，在DOM对象上设置muted属性不会添加该属性。为进行比较，将controls设置为true会设置controls属性。

我担心你需要使用Javascript。

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

Answer 2

我已经写下了自己的发现，可以自动播放静音视频，以使其在所有ios 10+野生动物园浏览器中正常工作。这是使所有功能正常工作的综合手段。

如果此链接在困扰您的ios10 + Safari中起作用-> https://ney5u.csb.app/

然后按照该主题进行解答 https://medium.com/@BoltAssaults/autoplay-muted-html5-video-safari-ios-10-in-react-673ae50ba1f5

Safari忽略html5视频静音属性

2 个答案: