HTML5 视频加载缓慢

Question

我的网站上有一些视频需要很长时间才能加载。

我不认为这是我的虚拟主机因为它也发生在本地主机上。 每次仅向用户显示 1 个视频，具体取决于他们选择的类别。 （所以它不会总是加载每个视频）。

加载时间较长的视频较大（最大的视频文件约为351MB）

这是我的视频 html 代码：

<div class='video'><h2>$vidTitle</h2><video width='640' height='360' controls preload='metadata'><source src='$viddir' type='video/mp4'></video></div>

我还读到，视频索引可能在最后，可能是这种情况吗？

我该怎么办，我是否需要使用默认 html5 播放器之外的其他播放器（我尝试过，但并没有真正帮助）|我需要使用 CDN 吗？

我该如何解决这个问题？

谢谢！

Answer 1

我的理解是视频元素中的 preload='metadata' 属性应该阻止视频加载。
您可以尝试 preload='none' 进行测试。我知道这有效。
与往常一样，检查 MDN 网络文档的好地方：

mdn 网络文档：视频嵌入元素

Answer 2

preload='metadata' 对我来说效果很好，视频可以立即加载（大约需要 8 秒）