HTML5视频静音但stilly播放

前端之家收集整理的这篇文章主要介绍了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";
}

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

原文链接:https://www.f2er.com/html5/168580.html

猜你在找的HTML5相关文章