HTML5视频静音但stilly播放

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

在HTML代码中,我已经将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(‘muted’,true);

提前致谢.

解决方法

我不完全确定为什么静音属性在视频标签中定义时发生故障.但是,这是你可以做的：

首先,从视频标签中删除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";
}

我已经验证了这个,它的工作原理.