HTML5每日一练之视频标签的应用

与音频同样，在过去，咱们若是想在Web上播放视频，也是都是经过Flash来播放，一样并非全部的浏览器都安装了Flash播放器插件，而如今咱们在HTML5中，就能彻底脱离Flash或其余的插件来播放视频了。


video标签：

	IE9	FireFox 5.0	Safari 5.5	Chrome 12	Opera 11.5
Mpeg4	√	×	√	√	×
Ogg	×	√	×	√	√
WebM	×	√	×	√	√

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



video标签的属性有：

属性	值(可省略)	描述
src	url	要播放的视频的 URL，路径可为网络路径或相对路径。
controls	controls	向用户显示控件，好比播放按钮。
loop	loop	每当视频结束时从新开始播放。
preload	preload	视频在页面加载时进行加载，并预备播放。若是使用 "autoplay"，则忽略该属性。
autoplay	autoplay	则视频在就绪后立刻播放。
width	autoplay	则视频的宽度。
height	autoplay	则视频的高度。

注：video的属性与audio的属性基本一致，只不过多出了Width和height属性。



source子标签

此标签是用来指定视频的路径，通常存在此子标签的时候则不能再video中出现src属性，在不一样的浏览器下对video标签有不一样的视频支持，那么咱们为了让其可以在不一样的浏览器下播放，能够有多种视频格式，那么咱们只须要加入此标签，来指定视频便可，浏览器则会是video播放所支持的视频格式。Source有两个属性，分别是：

属性	描述
src	要播放的视频的 URL，路径可为网络路径或相对路径。
type	视频类型

---

1. <h1>请看视频，视频来自搜狗浏览器首页的实验室：</h1>
2. <video width="600" height="400" controls="controls" autoplay="true">
3.         <source src="http://ie.sogou.com/lab/inc/BigBuckBunny.mp4" type="video/mp4"/>
4.         <source src="http://ie.sogou.com/lab/inc/BigBuckBunny.ogv" type="video/ogg"/>
5. </video>