5、HTML5 音频与视频：从元素到发布的全面指南

HTML5 音频与视频：从元素到发布的全面指南

1. 音频与视频元素及属性

<source> 元素的主要作用是协助浏览器从资源列表中挑选首个可接受的媒体资源。 @type 属性能够识别浏览器是否支持该媒体格式，而 @media 属性则可将媒体查询与资源关联起来。媒体查询用于指定特定资源适用于特定的输出设备（范围）。例如， @media="min-width: 400px" 表明该资源针对宽度至少为 400px 的显示区域。以下是一些媒体元素上常用的媒体查询示例：
- @media="handheld" ：表示媒体资源适用于手持设备。
- @media="all and (min-device-height:720px)" ：表示媒体资源适用于像素行数为 720 或更大的屏幕。
- @media="screen and (min-device-width: 100px)" ：表示媒体资源适用于像素行数为 100 或更高的屏幕。

不过，在桌面和笔记本浏览器中，这个属性的意义不大，目前只有 Opera 和 Safari 支持它。

下面是所有媒体元素及其属性的概述：
| 元素 | 属性 | 值 | 描述 |
| — | — | — | — |
| <video> | @src | [url] | 视频资源的链接。 |