HTML | 媒体属性

在HTML中，标签用于定义多媒体文件（例如音频或视频）的源文件。而媒体属性则可以用来指定源文件的不同版本，如不同的分辨率或编码方式。以下是一些常用的媒体属性：

src

必须属性。指定要使用的媒体文件的URL。

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

type

可选属性。指定媒体文件的MIME类型。如果未指定，浏览器会尝试根据文件扩展名推断MIME类型。

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

media

可选属性。指定媒体查询，用于根据浏览器的尺寸或特性选择要加载的媒体文件。

<source src="small.mp4" type="video/mp4" media="(max-width: 640px)">
<source src="big.mp4" type="video/mp4" media="(min-width: 641px)">

sizes

可选属性。指定不同媒体文件的不同大小，通常用于响应式设计。

<source srcset="small.mp4 640w, big.mp4 1280w" sizes="(max-width: 640px) 640px, 1280px">

以上是一些常用的< source >媒体属性。通过合理的使用它们，可以为不同的设备和网络环境提供更适合的媒体体验。