HTML5 视频已静音但仍在播放

Question

标题几乎说明了一切。我有一个到达页面时自动开始播放的视频。

在 HTML 代码中，我设置了 muted=“muted”。奇怪的部分来了。查看控件时，它显然已静音，但音乐仍在播放并且可以听到。即使当我查看 W3Schools 上的 HTML5 视频示例时，它也会在静音时播放音乐。

有什么办法，例如通过 jQuery 来绕过这个吗？我有一个 jQuery 行，它把静音贴在视频上，但没有效果。

这是使用的 HTML 代码：

 <video id="video" width="640px" height="350px" autoplay="autoplay" loop="loop" controls="controls" muted="muted">
            <source src="intouchables.f4v" type="video/mp4">
            Your browser does not support the video tag.
        </video>

希望你能帮帮我。 jQuery 行如下所示：

$(“video”).prop(‘静音’, true);

提前致谢。

原文由 BuzZin‘ 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

我不完全确定为什么 muted 属性在 video 标记中定义时出现故障。但是，这是您可以做的：

首先，从视频标签中删除 muted="muted" 属性。保持简单：

 <video id="video" width="640px" height="350px" autoplay="autoplay" loop="loop" controls="controls">
    <source src="intouchables.f4v" type="video/mp4">
    Your browser does not support the video tag.
</video>

现在，定义一个函数，在加载页面时使视频静音。

 window.onload = function () {
    var element = document.getElementById('video');
    element.muted = "muted";
}

我已经验证了这一点，并且有效。

原文由 Vishnu 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

在 Angular 的情况下，可以尝试 [muted]=“‘muted’” ，它对我有用。

 <video id="video" style="width:100%; height:100%" autoplay [muted]="'muted'" loop>
  <source src="./../../assets/video/model-video.mp4" type="video/mp4">
</video>

原文由 Morez 发布，翻译遵循 CC BY-SA 4.0 许可协议