HTML5 视频和音频

视频Video 和 音频Audio

1. 视频Video

(1)

video可选属性

• autoplay： 自动播放。值是autoplay
• controls： 控制/控件。值是controls
• height： 视频播放器的高度。值是pixels
• width ：宽度。值是pixels
• loop：环、圈、循环播放的意思。值是loop
• muted：视频的音频输出为静音。值是muted
• poster：贴画、海报，表示点击播放前的图片。值是URL
• preload：预加载，视频在页面加载时加载，并预备播放。使用 "autoplay"，忽略该属性。值auto/metadata/none
• src：视频的 URL。值是URL

(2)：定义多种媒体资源
目前，

• MP4 = MPEG 4文件使用 H264 视频编解码器和AAC音频编解码器
• WebM = WebM 文件使用 VP8 视频编解码器和 Vorbis 音频编解码器
• Ogg = Ogg 文件使用 Theora 视频编解码器和 Vorbis音频编解码器

三种视频格式对应的 MIME 类型

• MP4是：video/mp4
• WebM是：video/webm
• Ogg是：video/ogg

source标签属性有：src和type，分别表示视频资源url和视频的MIME 类型

提示：可以在  标签之间放置文本内容，这样不支持 

2. 音频Audio

(1) 音频格式
目前,

(2) 音频格式的MIME类型
MP3:audio/mpeg
Ogg:audio/ogg
Wav:audio/wav

(3) audio可选属性

• autoplay： 自动播放。值是autoplay
• controls： 控制/控件。值是controls
• loop：环、圈、循环播放的意思。值是loop
• muted：视频的音频输出为静音。值是muted
• preload：预加载，视频在页面加载时加载，并预备播放。使用 "autoplay"，忽略该属性。值auto/metadata/none
• src：视频的 URL。值是URL

(4) audio里的source标签跟video里的用法一致

<>

另外了解：标签
标签定义在媒体播放器文本轨迹
标签用作

带有两个字幕轨道的视频：
 

可选的属性:default默认轨道、kind文本轨道的文本类型、label文本轨道的标签和标题、src轨道文件的 URL、srclang轨道文本数据的语言（必需）