HTML5的Video标签的属性,方法和事件

大多数的视频通过插件（例如flash）来播放，然而并非所有的浏览器都支持此类插件。HTML5规定了一种通过video来包含视频的标准方法。但是IE8及以下版本不支持video。

HTML5的video的视频播放器在项目中经常用到，写篇文章总结下其基本用法，本文涉及html5的video标签的属性、方法和事件。

video标签的属性：

src：要播放视频的URL；（src=“URL”）

poster：视频的封面，视频未播放时显示的图片；（poster=“URL”）

controls：是否显示控件；（此为bolean值，controls 或 controls=“controls”时为true，不写则为false）

loop：是否循环播放；（此为bolean值，出现时eg：loop 或 loop=“loop”为true，不写则为false）

autoplay：是否自动播放；（同上）

preload：是否预加载视频；（none：不预加载； metadata：部分预加载； auto：预加载）

muted：规定视频的音频输出应该被静音；（同上）

width：设置视频播放器的宽；（注意：属性不用写px）

height：设置视频播放器的高；（注意：属性不用写px）

---------------------------------------------------------------------------------------------

video元素的方法和属性：

首先，获取video元素如：var oVdo=document.getElementById('video')；

oVdo.err;                     若为null，则为正常；

oVdo.err.code;            错误信息；1：用户终止；2：网络错误；3：解码错误；4：URL无效；

//网络状态

oVdo.currentSrc;       当前URL；

oVdo.src=value;         设置或获取URL；

oVdo.onload;              重新加载；

oVdo.networkState;    网络状态；0：元素未初始化；1：未使用网络；2：正在下载数据；3：未找到资源；

oVdo.canPlayType;    是否能播放某种类型的视频；

oVdo.preload;            auto：预加载； metadata：部分预加载； none：不预加载；

oVdo.buffered;          返回已经缓冲区域；

oVdo.readyState;      准备状态；

//播放状态

oVdo.paused;          视频是否暂停；true为暂停，false为播放；

oVdo.ended;            视频是否结束；

oVdo.autoplay;        视频是否为自动播放；

oVdo.loop；            视频是否为循环播放；

oVdo.play();            播放视频；

oVdo.pause();         暂停视频；

oVdo.controls;　     视频是否有默认控制条；

oVdo.volume=value;  音量；

oVdo.muted;              静音；

//TimeRanges相关