HTML5中的audio，video，progress元素

元素。
元素定义声音，比如音乐或其他音频流。
目前，元素支持的3种文件格式：
MP3，Wav，0gg。
如需在HTML5中播放音频，你需要使用以下代码：

<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
您的浏览器不支持audio元素。	
</audio>

标签用来定义**多种媒体资源**，control 属性供**添加播放、暂停和音量控件**。 元素**允许使用多个 元素**。 元素可以链接不同的音频文件，浏览器将使用第一个支持的音频文件。 可以在 和 之间放**置文本内容**，这些文本信息将会被显示在那些不支持 标签的浏览器中。 的属性 元素中的常见的属性有： src 属性：规定音频文件的 URL。 controls 属性：如果出现该属性，则向用户显示音频控件（比如播放/暂停按钮）。 autoplay 属性：如果出现该属性，则音频在就绪后马上播放。 loop 属性：如果出现该属性，则每当音频结束时重新开始播放。

autoplay属性：
HTM5L autoplay 属性
实例
设置为自动播放的 audio 元素：

<audio controls autoplay>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
  您的浏览器不支持 audio 元素。
</audio>

浏览器支持
Internet Explorer Firefox Opera Google Chrome Safari

Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari浏览器支持 autoplay 属性。

注意： Internet Explorer 8 及更早版本不支持 标签。

定义和用法
autoplay 属性规定一旦音频就绪马上开始播放。

如果设置了该属性，音频将自动播放。

HTML 4.01 与 HTML 5 之间的差异：autoplay 属性是 HTML 5 中的新属性。

HTML 与 XHTML之间的区别：在 XHTML 中, 该属性是不允许简写的 ， autoplay 属性必须定义为 。

语法

HTML5中的loop属性：
实例
设置音频循环播放：

<audio controls loop>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
</audio>

尝试一下 »
浏览器支持：
Internet ExplorerFirefoxOperaGoogle ChromeSafari
Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari 浏览器支持 loop 属性。
注意： Internet Explorer 8 及更早IE浏览器不支持 标签。

定义和用法
loop 属性是一个布尔属性。
如果设置该属性，则音频将循环播放。

HTML 4.01 与 HTML5之间的差异： 标签是 HTML 5 中的新标签。
HTML 与 XHTML 之间的区别：在 XHTML 中, 该属性是不允许简写的 ， loop 属性必须定义为 。

语法

HTML5中的元素
video> 标签定义视频，比如电影片段或其他视频流。
目前， 元素支持三种视频格式：MP4、WebM、Ogg。
如需在 HTML5 中显示视频，你需要使用以下代码：

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
您的浏览器不支持 video 标签。
</video>

元素与 元素一样，支持多个 元素， 元素可以链接不同的视频文件，浏览器将使用第一个可识别的格式。
元素也可以在 标签之间放置文本内容，这样不支持 元素的浏览器就可以显示出该标签的信息。

的属性
元素提供了播放、暂停和音量控件来控制视频。

元素和 元素一样，都有 src，controls，autoplay 和 loop 属性。

同时， 元素元素也提供了 width 和 height 属性控制视频的尺寸。

在下面的实例中，视频播放结束后会重新开始播放：

<video width="320" height="240" controls autoplay loop>
  <source src="/statics/demosource/movie.mp4" type="video/mp4">
  <source src="/statics/demosource/movie.ogg" type="video/ogg">
您的浏览器不支持 video 标签。
</video>

标签
标签定义运行中的任务进度（进程）。

标签的属性有：

max：规定需要完成的值。
value：规定进程的当前值。
实例：正在进行中的下载，下载进度的当前值为 30。

语法：