HTML 5视频 - 始终下载后备图像

Question

我正在使用带有图片标记的HTML5视频标记作为不支持它的浏览器的后备（如IE8）。

代码如下所示：

<video loop="loop" preload="auto">
    <source src="/videos/home-slider-1.mp4" type="video/mp4">
    <img src="/images/png-jpg/home-slide-1.jpg" width="100%">
</video>

后备图片可以根据需要运行，但它不会在支持视频标记的现代浏览器上显示。但它确实在IE8中显示，没有问题。

然而，当我在Chrome或Firefox中查看当我使用此代码加载页面时正在下载的内容时，它会显示它还会下载后备图像...我不明白为什么，这会浪费带宽。

我在这里做错了吗？我应该使用其他方式来提供后备图像吗？ 这个问题是否也适用于其他HTML5后备？

Answer 1

浏览器下载文档中的所有资源，因此您看到的是正常的。 你没有做错任何事，相反，大多数人都没有实施后备，所以实际上你已经超越了并做了正确的事情。
如果你担心它，我想你可以加载后备图像后页加载，但我认为这真的很极端。除非你将大量资产投入到你的文件中，并且你的负载速度非常大，我甚至不担心。