HTML5的Video标签的属性、方法和事件.docx

HTML5的Video标签的属性、方法和事件HTML5的Video标签的属性、方法和事件汇总HTML5的Video标签具有哪些属性呢?获取video对象、Media方法和属性、网络状态等方式是怎么样的?下面是小编整理汇总的HTML5的Video标签的属性、方法和事件，欢迎阅读!标签的属性src：视频的属性poster：视频封面，没有播放时显示的图片preload：预加载autoplay：自动播放loop：循环播放controls：浏览器自带的控制条width：视频宽度height：视频高度html代码//audio和video都可以通过JS获取对象,JS通过id获取video和audio的'对象获取video对象Media=document.getElementById("media");Media方法和属性HTMLVideoElement和HTMLAudioElement均继承自HTMLMediaElementMedia.error;//null:正常Media.error.code;//1.用户终止2.网络错误3.解码错误4.URL无效//网络状态-Media.currentSrc;//返回当前资源的URL-Media.src=value;//返回或设置当前资源的URL-Media.canPlayType(type);//是否能播放某种格式的资源-Media.networkState;//0.此元素未初始化1.正常但没有使用网络2.正在下载数据3.没有找到资源-Media.load();//重新加载src指定的资源-Media.buffered;//返回已缓冲区域，TimeRanges-Media.preload;//none:不预载metadata:预载资源信息auto://准备状态-Media.readyState;//1:HAVE_NOTHING2:HAVE_METADATA3.HAVE_CURRENT_DATA4.HAVE_FUTURE_DATA5.HAVE_ENOUGH_DATA-Media.seeking;//是否正在seeking//回放状态Media.currentTime=value;//当前播放的位置，赋值可改变位置Media.startTime;//一般为0，如果为流媒体或者不从0开始的资源，则不为0Media.duration;//当前资源长度流返回无限Media.paused;//是否暂停Media.defaultPlaybackRate=value;//默认的回放速度，可以设置Media.playbackRate=value;//当前播放速度，设置后马上改变Media.played;//返回已经播放的区域，TimeRanges，关于此对象见下文Media.seekable;//返回可以seek的区域TimeRangesMedia.ended;//是否结束Media.autoPlay;//是否自动播放Media.loop;//是否循环播放Media.play();//播放Media.pause();//暂停//视频控制Media.controls;//是否有默认控制条Media.volume=value;//音量Media.muted=value;//静音TimeRanges(区域)对象TimeRanges.length;//区域段数TimeRanges.start(index)//第index段区域的开始位置TimeRanges.end(index)//第index段区域的结束位置//相关事件vareventTester=function(e){Media.addEventListener(e,function(){console.log((newDate()).getTime(),e)},false);}eventTester("loadstart");//客户端开始请求数据eventTester("progress");//客户端正在请求数据eventTester("suspend");//延迟下载eventTester("abort");//客户端主动终止下载(不是因为错误引起)eventTester("loadstart");//客户端开始请求数据eventTester("progress");//客户端正在请求数据eventTester("suspend");//延迟下载eventTester("abort");//客户端主动终止下载(不是因为错误引起)，eventTester("error");//请求数据时遇到错误eventTester("stalled");//网速失速eventTester("play");//play()和autoplay开始播放时触发eventTester(