即使支持HTML5视频,浏览器也会加载HTML5后备图像

Question

我有一些带动画GIF的HTML5视频作为后备.遗憾的是,即使支持HTML5视频,也会加载GIF.

不使用javascript,有没有办法阻止浏览器下载HTML5后备内容？如果没有,我将使用jquery,但想知道是否有非js解决方案.

<video>
  <source src="animation-1.mp4" type="video/mp4">
  <img src="animation-1.gif">
</video>
<video>
  <source src="animation-2.mp4" type="video/mp4">
  <img src="animation-2.gif">
</video>
<video>
  <source src="animation-3.mp4" type="video/mp4">
  <img src="animation-3.gif">
</video>

网络检查员显示Firefox(以及Chrome)肯定正在下载GIF:

Answer 1

我从来没有找到这个问题的答案，所以我只是简单地更改src为data-src后备 GIF，如果检测到 IE8 或更早版本，我将其更改回使用srcjavascript。