Html5的多媒体元素：audio video

  工具：想让一个视频能被更多的浏览器支持播放，可使用 “ HTML5视屏转换工具 ”,

  如 “ Easy HTML5 Video 2.8 ”工具，该工具可将视频文件转换为多种格式，供不同浏览器播放。

1. 音频播放元素 audio

IE的IE9及以上版本和其它主流版本浏览器都支持audio元素

属性preload指定是否自动缓冲该音频：

      proload:  none(不缓冲)   meta/metadata（只加载元数据 如播放时长）   auto(自动缓冲)

loop指定循环播放：loop="loop"

autoplay指定自动播放：autoplay="autoplay"

示例：

<audio controls="controls" preload="auto"
loop="loop" src="歌曲1.mp3">

    您的浏览器不支持audio标签，请更新浏览器后再用。

</audio>

2.视屏播放元素 video

IE的IE9及以上版本和其它主流版本浏览器都支持audio元素

属性除了具备上面音频元素所具有的之外，还有 width和height属性，指定视屏屏幕尺寸

还有一个 poster属性，用于在视频一开始未播放时和无法播放时，展示一个图片

示例一：

<video controls="controls" preload="none"  width="400" height="300" poster="pic.jpg" src="http://www.w3school.com.cn/example/html5/mov_bbb.mp4">

    您的浏览器不支持video标签，请更新浏览器后再用。

</video>

示例二(下面例子中，浏览器会选择第一个可播放的格式进行播放，否则提示不支持)：

<video controls="controls" preload="auto"  width="400" height="300" autoplay="autoplay">

    <source src="video.m4v" type="video/mp4"/>

    <source src="video.webm" type="video/webm"/>

    <source src="video.ogv" type="video/ogg"/>

    <source src="video.mp4">

    您的浏览器不支持video标签，请更新浏览器后再用。

</video>