HTML5 Audio/Video 标签,属性,步骤,事件汇总

2012-08-24

HTML5 Audio/Video 标签,属性,方法,事件汇总?audio 标签属性：src：音乐的URLpreload：预加载autoplay：自动

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/]?
?

热点排行

CSS

HTML5 Audio/Video 标签,属性,步骤,事件汇总