如何在不静音的情况下自动播放视频?

时间:2020-02-21 16:16:29

标签: javascript html css video autoplay

我的代码中有一个视频,但是如果不将其静音,就无法使其自动播放。视频有声音,但会自动播放而不会被静音。

<video autoplay muted loop id="myVideo">
  <source src="weddingv.mp4" type="video/mp4">
</video>

2 个答案:

答案 0 :(得分:2)

自动播放声音

在某些浏览器上,可以自动播放声音。 但是,在Chrome上,如果没有mute属性,则有一段时间了。

有据可查的here


您不能欺骗Chrome吗?

不幸的是,您不能通过赋予其mute属性然后在JavaScript中取消静音来欺骗它。 如果您尝试通过JavaScript在页面加载时播放视频,也将无法正常工作。

我希望这会为您指明正确的方向。

答案 1 :(得分:0)

浏览器越来越严格地禁止非静音视频自动播放。在移动设备(尤其是iOS)上,情况甚至更糟。根据我的经验(遗憾的是,在此问题上涉及广泛),尝试使用JavaScript诱使浏览器(尤其是iOS浏览器)对视频进行出价会使情况变得更糟(视频开始在自己的窗口中播放,而不是在内联在您的网页中,如您所愿)。我说是在结合SO和其他来源的解决方案之后。

如果由于某种原因您没有针对移动设备,那么这里可能会有希望。否则,我强烈建议不要浪费更多时间。