为什么<video>仅在所有其他元素完成加载后加载？

Question

我有一个8秒的渐进式mp4视频，它只有1.3 MB。我想将它用作全屏幕背景。

当页面开始加载时，预计会自动播放。但它似乎只有在所有其他元素完成加载后才能加载。如何解决这个问题？

我的页面布局如下，只是一个非常简单的：

<nav></nav>
<video src="" autoplay loop></video>
<div></div>
...
<div></div>
<footer></footer>

Answer 1

根据w3schools，如果您认为在页面加载时应加载视频，则必须指定可选属性preload。

此外，Windows Edge上似乎支持不这个可选属性，所以请注意。