HTML5视频和音频

HTML5 视频播放器

1、支持的格式

很多网站都提供视频展示，video支持以下格式

格式	IE	FireFox	Opera	Chrome	Safari
Ogg	No	3.5+	10.5+	5.0+	No
MPEG 4	9.0+	No	No	5.0+	3.0+
WebM	No	4.0+	10.6+	6.0+	No

Ogg = 带有Theora视频编码和Vorbis音频编码的 Ogg 文件
MPEG4 = 带有H.264视频编码和ACC音频编码的 MPEG 4 文件
WebM = 带有VP8视频编码和Vorbis音频编码的 WebM 文件

2、常用的video标签的属性

属性	值	描述
autoplay	autoplay	如果出现该属性，则视频在就绪后马上播放。
controls	controls	如果出现该属性，则向用户显示控件，比如播放按钮。
height	pixels	设置视频播放器的高度
loop	loop	如果出现该属性，则当媒介文件完成播放后再次开始播放。
preload	preload	如果出现该属性，则视频在界面加载时进行加载，并与被播放。 如果使用"autoplay"，则忽略该属性
src	url	要播放的视频的URL
width	pixels	设置视频播放器的宽度

HTML5 音频播放器

HTML 5提供了播放音频的标准

直到现在，仍然不存在一项旨在网页上播放音频的标准

今天，大多数音频是通过插件（比如Flash）来播放的。然而并非所有的浏览器都拥有同样的插件。

HTML 5规定了一种通过audio元素来包含音频的标准方法。

audio 元素能够播放声音文件或者音频流

1、音频支持的格式

格式	IE 9	FireFox 3.5	Opera 10.5	Chrome 3.0	Safari 3.0
Ogg Vorbis		√	√	√
MP3	√			√	√
Wav		√	√		√

2、audio 标签的属性

属性	值	描述
autoplay	autoplay	如果出现该属性，则视频在就绪后马上播放。
controls	controls	如果出现该属性，则向用户显示控件，比如播放按钮。
loop	loop	如果出现该属性，则当媒介文件完成播放后再次开始播放。
preload	preload	如果出现该属性，则视频在界面加载时进行加载，并与被播放。 如果使用"autoplay"，则忽略该属性
src	url	要播放的视频的URL