[08]HTML基础之视频标签

1. <audio>标签

表示音频。

<audio src="/sky.mp3">该内容在浏览器不支持audio标签时显示</audio>
属性：
src：音频的来源地址
preload：是否预加载，使用autoplay属性时忽略该属性
autoplay：自动播放，在音频加载完后立即播放
controls：是否显示播放控件
loop：是否循环播放
muted：是否静音播放

2. <video>标签

表示视频。

<video src="/sky.mp4">该内容在浏览器不支持audio标签时显示</video>
属性：
src：视频的来源地址
preload：是否预加载，使用autoplay属性时忽略该属性
autoplay：自动播放，在视频加载完后立即播放
controls：是否显示播放控件
loop：是否循环播放
muted：是否静音播放
与audio标签相比，多出来的属性：
poster：视频封面
width：视频宽度
height：视频高度

3. <source>标签

表示音频或视频的多个来源，选取第一个浏览器支持的来源播放。

<audio>
    <source src="bird.ogg" type="audio/ogg">
    <source src="bird.mp3" type="audio/mp3">
</audio>
属性：
src：媒体文件的来源
type：媒体文件的MIME类型
media：媒体资源的类型

4. <track>标签

表示视频的音轨。

<video src="/bird.mp4">
   <track kind="subtitles" src="cn.srt" srclang="zh" label="Chinese">
   <track kind="subtitles" src="en.srt" srclang="en" label="English">
</video>
属性：
kind：轨道类型，captions标题，chapters章节，descripts描述，metadata元数据
    subtitles字幕
src：轨道来源地址
srclang：轨道所使用的语言
label：轨道标签
default：默认轨道，如果没有选择轨道，则默认使用该轨道