HTML5 Audio/Video 标签,属性,方法,事件汇总
?
<audio> 标签属性：- src：音乐的URL
- preload：预加载
- autoplay：自动播放
- loop：循环播放
- controls：浏览器自带的控制条
?<video> 标签属性：- src：视频的URL
- poster：视频封面，没有播放时显示的图片
- preload：预加载
- autoplay：自动播放
- loop：循环播放
- controls：浏览器自带的控制条
- width：视频宽度
- height：视频高度
?获取HTMLVideoElement和HTMLAudioElement对象
?
eventTester = function(e){Media.addEventListener(e,function(){console.log((new Date()).getTime(),e);});}eventTester("loadstart");//客户端开始请求数据eventTester("progress");//客户端正在请求数据eventTester("suspend");//延迟下载eventTester("abort");//客户端主动终止下载（不是因为错误引起），eventTester("error");//请求数据时遇到错误eventTester("stalled");//网速失速eventTester("play");//play()和autoplay开始播放时触发eventTester("pause");//pause()触发eventTester("loadedmetadata");//成功获取资源长度eventTester("loadeddata");//eventTester("waiting");//等待数据，并非错误eventTester("playing");//开始回放eventTester("canplay");//可以播放，但中途可能因为加载而暂停eventTester("canplaythrough"); //可以播放，歌曲全部加载完毕eventTester("seeking");//寻找中eventTester("seeked");//寻找完毕eventTester("timeupdate");//播放时间改变eventTester("ended");//播放结束eventTester("ratechange");//播放速率改变eventTester("durationchange");//资源长度改变eventTester("volumechange");//音量改变?[转自:http://directguo.com/blog/index.php/2010/07/html5-audio-video-tag/]?
?
?<video> 标签属性：
- src：视频的URL
- poster：视频封面，没有播放时显示的图片
- preload：预加载
- autoplay：自动播放
- loop：循环播放
- controls：浏览器自带的控制条
- width：视频宽度
- height：视频高度
?获取HTMLVideoElement和HTMLAudioElement对象
?
eventTester = function(e){Media.addEventListener(e,function(){console.log((new Date()).getTime(),e);});}eventTester("loadstart");//客户端开始请求数据eventTester("progress");//客户端正在请求数据eventTester("suspend");//延迟下载eventTester("abort");//客户端主动终止下载（不是因为错误引起），eventTester("error");//请求数据时遇到错误eventTester("stalled");//网速失速eventTester("play");//play()和autoplay开始播放时触发eventTester("pause");//pause()触发eventTester("loadedmetadata");//成功获取资源长度eventTester("loadeddata");//eventTester("waiting");//等待数据，并非错误eventTester("playing");//开始回放eventTester("canplay");//可以播放，但中途可能因为加载而暂停eventTester("canplaythrough"); //可以播放，歌曲全部加载完毕eventTester("seeking");//寻找中eventTester("seeked");//寻找完毕eventTester("timeupdate");//播放时间改变eventTester("ended");//播放结束eventTester("ratechange");//播放速率改变eventTester("durationchange");//资源长度改变eventTester("volumechange");//音量改变?[转自:http://directguo.com/blog/index.php/2010/07/html5-audio-video-tag/]?
?