HTML系列（七）：多媒体_html/css_WEB-ITnose-HTML-Tutorial-php.cn

一、video标签

H5新增了video实现在线播放视频的功能：

代码示例：

1 <video controls="controls">2     <source src="http://www.w3school.com.cn/i/movie.ogg" type="video/ogg">3     <source src="http://www.w3school.com.cn/i/movie.mp4" type="video/mp4">4  你的浏览器不支持Video标签5 </video>

Nach dem Login kopieren

src可以写在video标签里，也可以写在source标签里，标签为媒介元素（比如

在video中加一句提示，这句话在支持video的浏览器中不会显示，如果不支持就会显示给用户。下面是sourse标签的属性：

如果浏览器不支持video，但也想继续显示视频，可以用传统的flash来替换提示的“你的浏览器不支持video标签”。直接按照原来正常的flash方法写进video标签即可（flash方法下面有）。

提示：video和source标签是H5的新标签，IE 8 以及更早的版本不支持他们。

此外，H5 media提供了在旧版IE浏览器中全面兼容的JS类库，只需要在head头部复制以下一段代码即可：

<script src="http://HTML 5 media.googlecode.com/svn/trunk/src/HTML 5 media.min.js"></script>

Nach dem Login kopieren

H5 media是一个JS类库，它不依赖于任何JS框架，使用H5 media后当浏览器不支持H5时，他会自动切换成flash模式的flowplayer播放器。

二、多媒体文件embed

HTML5中新增的标签，可以在页面中嵌入任何类型的文档。用户的机器上必须已经安装了能够正确显示文档内容的程序，一般常用于在网页中插入多媒体格式可以是。rm .mid .wav等。

还可以通过autostart属性设置音频或视频文件是否在下载完之后自动播放（true:自动播放；false:不自动播放）；通过loop属性设定视频音频循环次数。此外还可以设置面板显示、开始时间、音量、容器属性、外观设置、说明文字、前景色和背景色、对齐方式等属性。

提示：标签必须有 src 属性。

和object的区别：两者都是用来播放多媒体文件的对象，object元素用于IE浏览器，embed元素用于非IE浏览器，为了保证兼容性，通常我们同时使用两个元素，浏览器会自动忽略它不支持的标签。同时使用两个元素时，应该把标签放在