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

This question already has answers here:

HTML5 fallback images are being loaded by the browser, even though HTML5 video is supported

(3 个回答)


6年前关闭。




我正在使用 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>

后备图像按需要工作，它不会显示在支持 video 标签的现代浏览器上。但它确实在 IE8 中显示，那里没有问题。

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

我在这里做错了吗？我应该使用另一种方式来提供后备图像吗？
其他 HTML5 回退是否也存在此问题？

最佳答案

浏览器下载文档中的所有 Assets ，所以你看到的是正常的。
你没有做错任何事，相反，大多数人没有实现回退，所以实际上你已经超越了并且正在做正确的事情。
如果您担心它，我想您可以加载后备图像发布页面加载，但我认为那真的很极端。除非您将大量 Assets 放入文档中并且加载速度非常糟糕，否则我什至不会担心。

关于HTML 5 视频 - 始终下载后备图像，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/26707196/