如何使用 HTML5 嵌入音频和视频（媒体标签）

在HTML5中提供了audio 和 video这两个新标签来嵌入音频和视频内容。
另外还提供了与这两个标签相关的 JavaScript API，以此来创建我们自己的音视频控件：

也可以不用source，直接写在video标签中：

线面列举一些常用的API，这些API直接写在标签中即可：
VIDEO：
1.属性： autoplay 值：autoplay 如果出现该属性，则视频在就绪后马上播放。
2.属性： controls 值：controls 如果出现该属性，则向用户显示控件，比如播放按钮。
3. 属性：height 值：pixels 设置视频播放器的高度。
4. 属性：loop 值：loop 如果出现该属性，则当媒介文件完成播放后再次开始播放。
5.属性： muted 值：muted 规定视频的音频输出应该被静音。
5. 属性：poster 值：URL 规定视频下载时显示的图像，或者在用户点击播放按钮前显示的图像。
6. 属性：preload 值：preload 如果出现该属性，则视频在页面加载时进行加载，并预备播放。如果使用 “autoplay”，则忽略该属性。preload preload 如果出现该属性，则视频在页面加载时进行加载，并预备播放。如果使用 “autoplay”，则忽略该属性。
7. 属性：src 值：url 要播放的视频的 URL。
8.属性：width 值： pixels 设置视频播放器的宽度。

AUDIO:

1. 属性：autoplay 值：autoplay 如果出现该属性，则音频在就绪后马上播放。
2. 属性：controls 值：controls 如果出现该属性，则向用户显示控件，比如播放按钮。
3. 属性：loop 值：loop 如果出现该属性，则每当音频结束时重新开始播放。
4. 属性： muted 值：muted 规定视频输出应该被静音。
5. 属性：preload 值：preload 如果出现该属性，则音频在页面加载时进行加载，并预备播放。如果使用 “autoplay”，则忽略该属性。
6. 属性：src 值：url 要播放的音频的 URL。

支持这两个标签的浏览器有这些：IE9+、Firefox 3.5+、Safari 4+、Opera 10.5+、Chrome、iOS 版的 Safari 和 Android 版的 Webkit。

注意！不同的浏览器版本对于支持的音频与视频格式不同：

音频	字符串	支持的浏览器
AAC	audio/mp4; codecs=”mp4a.40.2”	IE9+、Safari4+、iOS 版的 Safari
MP3	audio/mpeg	IE9+、Chrome
Vorbis	audio/ogg; codecs=”vorbis”	Firefox 3.5+、Chrome、Opera 10.5+
WAV	audio/wav; codecs=”1”	Firefox 3.5+、Chrome、Opera 10.5+

视频	字符串	支持的浏览器
H.264	video/mp4; codecs=”avcl.42E01E, mp4a.40.2”	IE9+、Safari4+、iOS 版的 Safari
Theora	video/ogg; codecs=”theora”	Firefox 3.5+、Chrome、Opera 10.5+
WebM	video/webm; codecs=”vp8, vorbis”	Firefox 4+、Chrome、Opera 10.6+