我正在尝试使用 html5 视频在滑块中显示视频。这适用于controls参数（显示控件）。但是当我添加autoplay它不会自动播放，所以我搜索了原因，发现 chome 只允许静音视频自动播放。
所以我添加了muted参数，但是当我这样做时，我的整个视频变黑并且仍然无法自动播放。
为什么会这样呢？
My code:
<div class="r-slider-item">
<video width="100%" height="100%" autoplay muted loop>
<source src="assets/watertuin.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<div class="container">
<div class="r-slider-top-content">
<h1 class="animated fadeInDown">RESERVEER <span>NU</span></h1>
<a href="#" class="btn btn-outlined animated fadeInUp"> Reserveren </a>
</div>
</div>
</div>
在 Firefox 和 IE 11 中它工作得很好。
根据 Google 的最新政策，静音视频可以在 Chrome 中自动播放。在以下情况下允许自动播放声音：
- 用户已与域进行交互（单击、点击等）。
- 在桌面上，用户的媒体参与度指数阈值为
交叉，表示用户之前播放过有声视频。
- 在移动设备上，用户已[将该网站添加到其主屏幕]。
顶部框架可以将自动播放权限委托给其 iframe，以允许自动播放声音。
另外，将以下标签放在您的后面<source> tag:-
<source src="assets/watertuin.ogg" type="video/ogg">
看看现在是否有效。
查看有关 Google 自动播放政策更改的更多信息：-https://developers.google.com/web/updates/2017/09/autoplay-policy-changes
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
