首页 文章

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

提问于
浏览
1

我想知道我是否可以像 <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 ,然后用其他格式替换图形?

1 回答

  • 3

    不,你不能将 <img><source> 结合起来 . 故意不允许这样做,因为它产生了向后兼容性问题 . 但是,对于此用例,引入了新元素<picture>

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

    它是gaining support,但由于它是全新的,一些重要的浏览器尚未丢失 .

相关问题