html5的vidoe标签,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相关