视频:video
音频: audio
不同的浏览器支持媒体的编码格式不同
浏览器 | 视频编码格式 | 音频编码格式 |
IE9+ | H.264,vp8 | mp3,wav |
FF4+ | ogg theora,vp8 | ogg vorbis,wav |
opera 10+ | ogg theora,vp8 | ogg vorbis,wav |
chrome 6+ | H.264,ogg theora,vp8 | ogg vorbis,mp3 |
属性:
src:媒体源
autoplay:是否自动播放
preload:预算加载数据(none:不预加载任何数据,metadata:预加载媒体的元数据,auto:预加载全部的数据)
poster:(video元素,如果媒体数据不可用时,可以使用该属性向用户展示一幅替代用的图片)
controls:控制面板
error:在下载数据,播放数据时为null,出现错误时会有以下几个值:
1:媒体数据在下载过程中由于用户操作所导致错误
2:确认媒体资源可用,但是在下载过程中由于网络原因而导致错误
3: 确主媒体资源可用,但是解码时发生错误
4:媒体资源不可用媒体格式不被支持
networkState:读取当前的网络状态
0:元素处于初始化状态
1:浏览器已选择好用什么编码格式来播放媒体了,但尚未建立网络连接
2:媒体数据加载中
3:没有支持的编码格式,不执行加载
currentSrc:可以读取媒体正在播放的资源
buffered:返回一个TimeRanges对象,这个对象表示浏览器是否对媒体数据进行了缓存,如果缓存了他的length属性返回1
readyState:返回媒体当前播放位置的就绪状态
0:没有获取到媒体的任何信息,当前播放位置没有数据
1:获取到足够的媒体数据,但是当前的媒体数据不可用
2:获取到当前播放的数据,但是没有获取到下一帧的数据
3:获取到当前播放的数据,也获取到了下一帧的数据
4:获取到当前播放的数据,也获取到了下一帧的播放数据,浏览器可以确保媒体是某一种速度进行加载
seeking:表示浏览器是否正在请求媒体某一特定位置的数据,
seekable:返回一个TimeRange对象,表示请求到数据的时间范围
currentTime:表示媒体当前播放的位置,可以指定为某一个位置
startTime:表示媒体播放的开始时间,和般为0
duration:可以读取媒体文件总的播放时间
played:返回一个TimeRange,表示已播放媒体的数据,开始时间为已播放数据开始时间,结束时间为已播放数据的结束时间
paused:表示媒体是否处于暂停状态
ended:表示媒体是否已播放完毕
palybackRate:获取和设置媒体当前的播放速率
defaultPlaybackRage:获取和设置媒体默认的播放速率
volume:获取和设置媒体的音量。0表示静音
muted:获取和设置媒体的静态状态,true表示静音
方法:
play():播放媒体,会将paused属性设为false
pause():暂停媒体,会将paused属性设为true
load():重新加载媒体,并将playbackRate属性设置为defaultPlaybackRate属性,error的值为null
canPlayType('ogg/theora;codecs="theora,vorbis"'):用来判断浏览器是否支持播放某种类型的媒体
空字符串:表示不支持
maybe:表示有可能支持
probably:表示一定支持
事件:
timeupdate