自动播放和循环播放视频

Question

我在我的网站上放了一个视频。我希望当页面打开时，它可以自动播放并循环播放。

这是我在代码中添加的内容：

<video style="width:100%;" height="" autoplay loop>
    <source src="/public/slide/MUffest Fashion show cut to cut_1 (1).mp4" type="video/mp4" />
</video>

循环播放正常，但自动播放似乎无法工作。如果我使用“controls”方法，它不会自动播放，只有在我点击视频时才会播放。但如果我将其移除，则仅显示空白页面。我该怎么办？我的代码有什么问题吗？

- Farah Aidina

---

我猜应该没什么问题，来自MDN的注释：“自动播放音频（或带有音轨的视频）的网站可能会给用户带来不愉快的体验，因此应尽量避免。” ... “在某些浏览器中（例如Chrome 70.0），如果没有muted属性，则自动播放功能将无法正常工作。” 他们的自动播放指南可以在这里找到。 - brombeer

Answer 1

我已经弄清楚了，Chrome不允许自动播放带声音的视频。所以我必须在视频标签上添加属性。因此，我的最终代码如下：

<video style="width:100%;" height="" muted autoplay loop>
    <source src="/public/slide/MUffest Fashion show cut to cut_1 (1).mp4" type="video/mp4" />
</video>

- Farah Aidina