时间戳

首页 > 解决方案 > 如何添加视频元素并使其在启用声音的情况下自动播放

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

问题描述

我放置了一个带有自动播放和循环属性的视频标签，但如果我离开此设置，视频不会自动播放，相反，如果我添加静音属性，它会自动启动但禁用音频。我想检索视频以自动播放和有声。我怎样才能得到这个？也许 jquery ？

这里的代码：

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

我试过静音，它会自动启动但没有声音

标签： javascriptjqueryhtml5-video

解决方案

2017 年有一个谷歌政策更新，解释了如何添加循环自动播放视频和“始终允许静音自动播放”，因此如果你想要一个loop autoplay视频，你必须包括muted。然后用户决定是否添加声音controls。 https://developers.google.com/web/updates/2017/09/autoplay-policy-changes

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

推荐阅读