问题: HTML中的source标签有什么作用?
回答:
<source>
标签用于为<video>
和<audio>
元素定义多个媒体资源。它允许您为不同的媒体格式和不同的浏览器提供多个资源。如果浏览器不支持第一个源,则会尝试下一个源。
该标签具有以下属性:
src
:必需。指定媒体文件的URL。type
:必需。指定媒体资源的MIME类型。media
:可选。指定媒体查询。sizes
:可选。指定图像尺寸的信息。srcset
:可选。指定可用于不同屏幕大小的图像源的列表。下面是一个示例:
<video controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
在上面的示例中,如果浏览器支持mp4
格式,则会加载movie.mp4
,否则如果浏览器支持ogg
格式,则会加载movie.ogg
。如果两者都不支持,则会显示后备文本“Your browser does not support the video tag.”。