HTML 媒体标签

2025-05-14

5️⃣ HTML5 新属性

⚠️ 大多数浏览器不支持

`<audio>` 5️⃣

定义声音，比如音乐或其他音频流。

属性名	值	说明
autoplay5️⃣	autoplay	如果出现该属性，则音频在就绪后马上播放。
controls5️⃣	controls	如果出现该属性，则向用户显示音频控件（比如播放/暂停按钮）。
loop5️⃣	loop	如果出现该属性，则每当音频结束时重新开始播放。
muted5️⃣	muted	如果出现该属性，则音频输出为静音。
preload5️⃣	auto 当页面加载后载入整个音频 meta 当页面加载后只载入元数据 none 当页面加载后不载入音频	规定当网页加载时，音频是否默认被加载以及如何被加载。
src5️⃣	URL	规定音频文件的 URL。

`<source>` 5️⃣

定义media元素 (<video> 和 <audio>)的媒体资源

属性名	值	说明
media5️⃣	media_query	几乎所有的主流浏览器都不支持 media 属性。
src5️⃣	URL	规定媒体文件的 URL。
type	MIME_type	规定媒体资源的 MIME 类型。
sizes		不同页面布局设置不同图片大小。
srcset	URL	应用于 `<picture>` 标签时需要使用到。指定在不同情况下使用的图像 URL。

`<video>` 5️⃣

定义视频，比如电影片段或其他视频流

属性名	值	说明
autoplay5️⃣	autoplay	如果出现该属性，则视频在就绪后马上播放。
controls5️⃣	controls	如果出现该属性，则向用户显示控件，比如播放按钮。
height5️⃣	pixels	设置视频播放器的高度。
loop5️⃣	loop	如果出现该属性，则当媒介文件完成播放后再次开始播放。
muted5️⃣	muted	如果出现该属性，视频的音频输出为静音。
poster5️⃣	URL	规定视频正在下载时显示的图像，直到用户点击播放按钮。
preload5️⃣	auto metadata none	规定视频在页面加载时是否进行加载，以及如何进行加载。
src5️⃣	URL	要播放的视频的 URL。
width5️⃣	pixels	设置视频播放器的宽度。

`<track>` 5️⃣

为媒体元素（比如 <audio> and <video>）规定外部文本轨道，也就是字幕

属性名	值	说明
default5️⃣	default	规定该轨道是默认的。如果用户没有选择任何轨道，则使用默认轨道。
kind5️⃣	captions chapters descriptions metadata subtitles	规定文本轨道的种类。
label5️⃣	text	规定文本轨道的标签和标题。
src5️⃣	URL	必需的。规定轨道文件的 URL。
srclang5️⃣	language_code	规定轨道文本数据的语言。如果 kind 属性值是 "subtitles"，则该属性是必需的。