HTML5 多媒体元素

在HTML5中新增的两个元素:video元素与audio元素，它们分别用来处理视频数据与音频数据。另外，在HTML5中，支持开发者对于音频或视频自行添加字幕内容。

<audio src="test.mp3"></audio>
<video width="640" height="360" src="test.mp4"></video>

另外，你还可以通过source元素为同一个媒体数据指定多个播放格式与编码方式，以确定包浏览器可以从重选择一种自己支持的播放格式的进行方法。浏览器的选择顺序为代码中的书写顺序。从上往下判断自己对该播放格式是否支持。

<video>
<source src="test.ogv" type='video/ogg; codes="theora,vorbis"'>
<source src="sample.mov" type='video/quicktime'>
</video>

source元素具有几个属性:src属性是指播放媒体的URL地址。type表示媒体类型，其属性值为播放文件的MIME类型，该属性中的codes参数表示所使用的媒体的编码格式。type属性是可选属性，但是最好不要省略type属性，否则浏览器会在从上往下选择时无法判断自己能不能播放而先行下载一段视频或音频数据，这样就有可能浪费带宽和时间。

因为各浏览器对于各种媒体的媒体类型及编码格式的支持不相同，所以使用source元素来指定多种媒体类型是非常有必要的。

IE 9
支持H.264视频编码格式和vp8视频编码格式。codes="H.264,vp8"。
支持MP3音频编码格式和WAV音频编码格式。
Firefox 4 以上
支持Ogg Theora视频编码格式和vp8视频编码格式。
支持Ogg vorbis 音频编码格式和WAV音频编码格式。
Opera 10 以上
支持 Ogg Theora 视频编码格式和vp8视频编码格式。
支持 Ogg vorbis 音频编码格式和WAV音频编码格式。
Chrome 6以上
支持H.264视频编码格式、Ogg Theora视频编码格式和vp8视频编码格式。
支持Ogg vorbis音频编码格式和MP3音频编码格式。