HTML5我可以将<img/>与<source />一起使用

Question

我想知道我是否可以使用<img>之类的标记<video>。当我想在我的网站上添加视频时，我使用：

<video>
   <source src="movie.mp4" type="video/mp4">
   <source src="movie.ogg" type="video/ogg">
</video>

结果是浏览器仅加载第一个受支持的文件。 <img>可以做同样的事情吗？我想以svg和png / jpg格式添加图标，因此浏览器将加载一个支持的图标。或者最好用一些Javascript来检测user-agent，然后用其他格式替换图形？

Answer 1

不，您无法将<img>与<source>合并。故意不允许这样做，因为它产生了向后兼容性问题。 但是，对于此用例，引入了新元素<picture>：

<picture>
  <source type="image/svg+xml"
    srcset="image.svg">
  <img src="fallback.jpg" alt="">
</picture>

这是gaining support，但由于它是全新的，因此缺少一些重要的浏览器。