HTML5 <source> 标签
主题：HTML5 标签参考上一页|下一页
说明
<source> 元素用于为 <audio> 和 <video> 等媒体元素指定多个替代媒体资源。
下表总结了此标签的使用上下文和版本历史。
| Permitted Parent: | 媒体元素，如 <audio> 或 <video> |
|---|---|
| Content: | None. 它是一个empty 空元素。 |
| 开始/结束标签： | 开始标签： required, 结束标签：forbidden |
| 版本： | New in HTML5 |
语法
<source> 标签的基本语法如下：
HTML: <source>; XHTML: <source />
下面的示例显示了 <source> 标签的作用。
<video controls="controls">
<source src="shuttle.mp4" type="video/mp4">
<source src="shuttle.ogv" type="video/ogg">
Your browser does not support the HTML5 Video element.
</video>注意： <source> 元素通常用于以不同浏览器支持的多种格式提供相同的媒体资源。
标签特定属性
下表显示了特定于 <source> 标签的属性。
| 属性 | 值 | 说明 |
|---|---|---|
| Required — 必须在此标签上指定以下属性才能使标签有效。 | ||
src |
URL | 指定媒体文件的 URL。 |
| Optional — 以下属性是可选的。 | ||
media |
media-query | 指定媒体资源的类型，即文件用于的媒体或设备。 有关详细信息，请参阅 CSS 媒体类型。 |
type |
media-type | 指定媒体资源的媒体类型。 |
全局属性
与所有其他 HTML 标签一样， <source> 标签支持 HTML5 中的全局属性。
事件属性
<source> 标签还支持 HTML5 中的事件属性。
浏览器兼容性
所有主要的现代浏览器都支持 <source> 标签。
 |
基本支持—
|
进一步阅读
Advertisements