如何添加视频元素并使其在启用声音的情况下自动播放

时间:2018-08-03 08:08:20

标签: javascript jquery html5-video

我放置了具有自动播放和循环属性的视频标签,但是如果我保留此设置,则视频不会自动播放,相反,如果我添加了静音属性,它将自动启动但禁用了音频。 我想检索视频以自动播放并播放声音。 我怎么能得到这个?也许是jquery?

代码在这里:

<video controls autoplay loop>
    <source src="images/video.mp4" type="video/mp4">
    Your browser does not support the video tag.
</video>

我尝试了静音,它会自动启动但没有声音

2 个答案:

答案 0 :(得分:0)

此答案基于我对您的问题的理解。

这是一个简单的视频自动播放,声音循环播放。

<!DOCTYPE html>
<html>
<body>

<video width="320" height="240" controls autoplay loop>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

<p><strong>Note:</strong> The video tag is not supported in Internet Explorer 8 and earlier versions.</p>

</body>
</html>

credit

答案 1 :(得分:0)

从 2017 年开始,谷歌政策更新解释了如何添加循环自动播放视频和“始终允许静音自动播放”,因此,如果您想要 loop autoplay 视频,您必须包含 {{ 1}}。然后用户决定用 muted 添加或不发出声音。 https://developers.google.com/web/updates/2017/09/autoplay-policy-changes

controls