HTML5我可以使用<img>其中<来源>

HTML5 Can I use <img> with <source>

本文关键字：gt lt 其中 来源 我可以 img HTML5 可以使      更新时间：2023-09-26

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

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

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

否，不能将<img>与<source>组合。这是故意不允许的，因为它造成了向后兼容性问题然而，对于这个用例，引入了新元素<picture>：

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

它正在获得支持，但由于它是全新的，一些重要的浏览器还没有出现。

相关文章：