video元素与audio元素都具有play()播放、pause()暂停、load()重新加载。
canPlayType():来测试浏览器是否支持指定的媒体类型,canplayType(type),该方法使用一个参数type,该参数的指定方法与source元素的type参数的指定方法相同,用来播发文件的MIME类型来指定,可以在指定的字符串中加上表示媒体编码格式的codes参数。
返回3个可能值:空字符串(表示浏览器不支持此种媒体类型),maybe表示浏览器可能支持此种媒体类型、probably表示浏览器确定支持此种媒体类型。
1.事件处理方法
使用video元素或audio元素的addEventListenr方法来对事件的发生进行监听。
videoElement.addEventListener(type,listener,useCaptrue);
type:事件名称。
listener:表示绑定的函数。
useCapture:是一个布尔值,表示该事件的响应顺序,该值如果为true,则浏览器采用Capture响应方法,如果为false,浏览器采用bubbing响应方式。(一般为false)
2.事件介绍
loadstart:浏览器开始在网上寻找媒体数据。
progress:浏览器正在获取媒体数据。
suspend:浏览器暂停获取媒体数据,但是下载过程并没有正常结束。
abort:浏览器在下载完全部媒体数据之前中止获取媒体数据,但是并不是由错误引起的。
error:获取媒体数据过程中出错。
cmptied:video元素或audio元素所在网络突然变为未初始化状态(可能引起的原因有两个:载入媒体过程中突然发生一个致命错误,在浏览器正在选择支持的播放格式时,又调用了load方法重新载入媒体)。
stalled:浏览器尝试获取媒体数据失败。
loadedmetadata:浏览器获取完毕媒体的时长和字节数。
loadeddata:浏览器已加载完毕当前播放位置的媒体数据,准备播放。
waiting:播放过程由于得不到下一帧而暂停播放,但很快就能够得到下一帧。
playing:正在播放。
canplay:浏览器能够播放媒体,但估计以当前播放速率不能直接将媒体播放完毕,播放期间需要缓冲。
canplaythrough:浏览器能够播放媒体,而且以当前播放速率能够将媒体播放完毕,不再需要进行缓冲。
timeupdate:当前播放位置被改变,可能是播放过程中的自然改变,也可能是人为改变,或由于播放不能连续而发生的跳变。
ratechange:defaultplaybackRate属性(默认播放速率)或playbackRate属性(当前播放速率) 被改变。
durationchange:播放时长被改变。