我想知道我是否可以像 <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 回答
不,你不能将
<img>
与<source>
结合起来 . 故意不允许这样做,因为它产生了向后兼容性问题 . 但是,对于此用例,引入了新元素<picture>:它是gaining support,但由于它是全新的,一些重要的浏览器尚未丢失 .