如何添加视频元素并使其在启用声音的情况下自动播放
Posted
技术标签:
【中文标题】如何添加视频元素并使其在启用声音的情况下自动播放【英文标题】：How to add video element and make it autoplay with sound enabled 【发布时间】：2019-01-11 01:50:12 【问题描述】：我放置了一个带有自动播放和循环属性的视频标签，但如果我离开此设置，视频不会自动播放，相反，如果我添加静音属性，它会自动启动，但会禁用音频。 我想检索视频以自动播放和有声。 我怎样才能得到这个？也许是 jquery ？
代码如下：
<video controls autoplay loop>
<source src="images/video.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
我试过静音，它会自动启动但没有声音
【问题讨论】：
你能发布一些你的代码吗？到目前为止你尝试过什么？ 请提供您的代码以及到目前为止您尝试了什么 我在上面添加了代码。我会知道是否有办法只用 html 【参考方案1】：2017 年的 Google 政策更新解释了如何添加循环自动播放视频和“始终允许静音自动播放”，因此如果您想要 loopautoplay 视频，您必须包含 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>
【讨论】：
【参考方案2】：此答案基于我对您的问题的理解。
这是一个简单的视频自动播放，带有循环播放的声音。
<!DOCTYPE html>
<html>
<body>
<video 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
【讨论】：
有了这个我已经尝试过：它不会在加载时自动启动 一个细节。它在谷歌浏览器上做出这种行为。在 Firefox 上完美运行 @lisarko8077 它适用于我的 chrome 和 firefox 以及 jsfiddle 尝试清除浏览器缓存。以上是关于如何添加视频元素并使其在启用声音的情况下自动播放的主要内容，如果未能解决你的问题，请参考以下文章
如何在 iOS 屏幕上点击某个区域时隐藏 UIView 并使其显示
如何在 Mountain Lion 中启用 php.ini 并使其工作？