HTML5视频（webm和MP4）都显示空白屏幕，无法播放

Question

我已经进行了一个小时的谷歌搜索，但是我还是很讨厌，或者这不是一个普遍的问题。

这是我的视频标签：

<video class="video-background" preload="none" loop="loop" autoplay="autoplay">
    <source src="/resource/video/ripples.webm" type="video/mp4">
    <source src="/resource/video/ripples.mp4" type="video/mp4">
    Your browser does not support the video tag.
</video>

无论我以什么顺序放置它们，无论是webm不是mp4加载还是将不会加载，它们都只会显示空白的白色屏幕。我也没有从服务器收到404，所以视频应该从服务器上掉下来？

感谢任何输入

编辑：我们删除了该preload="none"属性，现在显示了视频的第一帧，但是由于某种原因（尽管autoplay="autoplay"在元素上具有了它），它不会自动播放视频的其余部分。

Answer 1

添加一个muted属性。（Chrome。可能是一些反广告政策。）

（还要确保您没有嵌套<video>在 中<video>，它具有类似的结果。但我打赌第一个原因。）