自动播放和循环播放视频答案

【问题标题】：autoplay and looping video自动播放和循环播放视频
【发布时间】：2020-04-06 14:20:07
【问题描述】：

我在我的网站上放了一段视频。我希望它在页面打开时自动播放和循环。这就是我在代码中添加的内容：

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

循环运行完美，但自动播放似乎不起作用。然后，如果我使用“控件”方法，它不会自动播放，只有当我点击视频时。但如果我删除它，它只会显示一个黑色的空白页。我应该怎么办？我的代码有问题吗？

【问题讨论】：

我猜没有错，来自MDN"注意：自动播放音频（或带有音轨的视频）的网站可能会给用户带来不愉快的体验，因此应尽可能避免使用." ... "在某些浏览器（例如 Chrome 70.0）中，如果没有 muted 属性，自动播放将不起作用。" 可以找到他们的自动播放指南here

标签： html laravel video

【解决方案1】：

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

<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>

【讨论】：