HTML 5视频的相关知识背景和技术规范(3)

http://www.itjxue.com  2015-08-05 22:58  来源:未知  点击次数: 

3.4 preload属性

可读写属性。使用media.preload返回媒介标签的preload属性值,或者对其进行赋值,改变媒介标签的preload属性值。

3.5 buffered属性

只读属性。使用media.buffered返回一个TimeRanges对象,确认浏览器已缓存媒介文件。

3.6 readyState属性

只读属性。使用media.readyState返回媒介当前播放位置的就绪状态,共有5个可能值。

HAVE_NOTHING(数字值为0):当前播放位置无有效媒介资源;

HAVE_METADATA(数字值为1):加载中,媒介资源确认存在,但当前位置没有能够加载到有效媒介数据进行播放;

HAVE_CURRENT_DATA(数字值为2):已获取到当前播放数据,但没有足够的数据进行播放;

HAVE_FUTURE_DATA(数字值为3):已获取到后续播放数据,可以进行播放;

HAVE_ENOUGH_DATA(数字值为4):可以进行播放,且浏览器确认媒体数据以某一种速度进行加载,可以保证有足够的后续数据进行播放,而不会使浏览器的播放进度赶上加载数据的末端。

3.7 seeking、seekable属性

均为只读属性。

使用media.seeking返回一个布尔值,表明浏览器是否正在请求数据,ture表示浏览器正在请求数据,false表示浏览器已停止请求。

使用media.seekable发挥一个TimeRanges对象,表明可以对当前媒介资源进行请求。

3.8 currentTime、startTime、duration属性

三者的值均为时间,单位为秒,currentTime为可读写属性,其余两个均为只读属性。

使用media.currentTime返回当前媒介的播放位置,或者对其赋值,改变媒介的播放位置。

对于使用media.currentTime的时候,如果返回的时间超出了浏览器的请求能力,将抛出一个INDEX_SIZE_ERR异常;如果没有选中的媒体资源,将抛出一个INVALID_STATE_ERR异常。

使用media.startTime返回媒介文件播放的开始时间,通常为0。

使用media.duration返回媒介文件总的播放时长。

3.9 played、paused、ended属性

三者均为只读属性。

使用media. played返回一个TimeRanges对象,标明浏览器已播放的媒介资源范围。

使用media.paused返回一个布尔值,表明媒介是否暂停播放,ture表示媒介暂停播放,false表示媒介正在播放。

使用media.ended返回一个布尔值,表明媒介是否已结束,ture表示媒介已经播放完毕,false表示还未播放完毕。

3.10 defaultPlaybackRate、playbackRate属性

两者均为可读写属性。

使用media.defaultPlaybackRate返回媒介默认的播放速率,或对其赋值,改变媒介的默认播放速率。

使用media.playbackRate返回当前的媒介播放速率,或对其赋值,改变当前的媒介播放速率。

3.11 autoplay、loop属性

两者均为可读写属性。

使用media.autoplay返回一个布尔值,表明当前媒介是否设置了自动播放,ture表示当前媒介为自动播放,false表示非自动播放,或对其赋值,设置是否自动播放。

使用media.loop返回一个布尔值,表明当前媒介是否设置了循环播放,ture表示当前媒介设置了循环播放,false表示没有设置循环播放,或对其赋值,设置是否循环播放。

3.12 controls、volume、muted属性

三者均为可读写属性。

使用media.controls返回一个布尔值,表明当前媒介是否使用了浏览器默认的播放控制栏,ture表示加载了,false表示没有加载,或对其赋值,设置是否使用浏览器默认的播放控制栏。

使用media.volume返回当前媒介的音量值,或对其赋值,改变媒介的播放音量,范围为0到1,0相当于静音,1为最大音量。

使用media.muted返回一个布尔值,表明当前媒介播放是否开启静音,ture表示没有开启静音,false表示静音,或对其赋值,设置播放是否静音。

4 媒介方法

4.1 play()、pause()、load()方法

使用media.play()播放视频,并会将media.paused的值强行设为false。

使用media.pause()暂停视频,并会将media.paused的值强行设为ture。

使用media.load()重新载入视频,并会将media.playbackRate的值强行设为media.defaultPlaybackRate的值,且强行将media.error的值设为null。

4.2 canPlayType(type)方法

使用canPlayType(type)方法测试浏览器是否支持特定的媒介类型。其中,type参数和1.1.7节中介绍的type属性是相同的。

方法返回3个可能值(均为浏览器判断的结果)。

空字符串:浏览器不支持此种媒体类型;

maybe:浏览器可能支持此种媒体类型;

probably:浏览器确定支持此种媒体类型。

(责任编辑:IT教学网)

更多

推荐HTML/Xhtml文章