我的代码中有一个视频,但如果不静音,我无法自动播放。视频有声音,但如果没有静音,它会自动播放。
<video autoplay muted loop id="myVideo">
<source src="weddingv.mp4" type="video/mp4">
</video>
带声音自动播放
在某些浏览器上,带有声音的自动播放确实有效。然而,在Chrome上,它已经有一段时间没有mute
属性了。
这在这里有很好的记录。
你不会骗Chrome吗
不幸的是,您无法通过给它mute
属性然后在JavaScript中取消静音来欺骗它。如果你试图通过JavaScript在页面加载时播放视频,它也不会起作用。
我希望这能为你指明正确的方向。
浏览器越来越严格地不允许非静音视频自动播放。在移动设备上情况更糟(尤其是iOS(。根据我的经验(不幸的是,在这个问题上,这是广泛的(,当涉及到视频时,试图通过使用JavaScript欺骗浏览器(尤其是iOS浏览器(进行竞价会让事情变得更糟(视频开始在自己的窗口中播放,而不是像你想的那样在网页中内联(。我在梳理SO和其他来源的解决方案后这样说。
如果出于某种原因,你没有瞄准移动设备,这里可能还有希望。否则,我强烈建议不要浪费更多的时间。
根据新政策-https://developer.chrome.com/blog/autoplay/#new-行为。应该有用户交互来自动播放任何有声音的视频。
以下是相同的示例解决方案:-
HTML5视频自动播放与声音未静音
希望它对你有效,如果你的打击不同,请告诉我。