kphp框架分享之html5中Video对象的preload、src和played属性讲解
标签:video,preload,src,played 点击6836次 时间:2015-11-30
html5知识学习之Video对象学习课程,Video对象的preload设置或返回是否在页面加载后立即加载音频/视频,src属性设置或返回视频的src属性值,played属性属性返回TimeRanges对象;下面让我们通过kphp框架学习网站来给大家详细介绍一下Video的这三个属性。

html5知识学习之Video对象学习课程,Video对象的preload设置或返回是否在页面加载后立即加载音频/视频,src属性设置或返回视频的src属性值,played属性属性返回TimeRanges对象;下面让我们通过kphp框架学习网站来给大家详细介绍一下Video的这三个属性。

(17)preload 属性

preload 属性用于设置或者返回视频preload属性值,preload属性设置或返回是否在页面加载后立即加载音频/视频。
注意: 如果设置了 autoplay 属性,则忽略该属性。
语法:
返回preload属性:videoObject.preload
设置preload属性:videoObject.preload="auto|metadata|none"
属性值:
auto 指示一旦页面加载,则开始加载音频/视频。
metadata 指示当页面加载后仅加载音频/视频的元数据。
none 指示页面加载后不应加载音频/视频。
preload属性事例测试

(18)src 属性

src 属性设置或返回视频的 src 属性值;
src 属性描述了视频文件的位置 (URL) 。
语法:
返回src属性:videoObject.src
设置src属性:videoObject.src=URL
属性值:url
绝对 URL - 指向另一个网站(比如 src="http://www.kphp.org/html5/kphp.ogv")
相对 URL - 指向网站内的某个文件(比如 src="kphp.ogv")
注意: 返回实体 URL, 包含协议部分 (如 http://)
src属性事例测试

(19)played 属性

played 属性返回 TimeRanges 对象。
TimeRanges 对象表示用户已经播放或看到的视频范围。
已播范围指的是被播放视频的时间范围。如果用户在视频中跳跃,则会获得多个播放范围。
注意: 该属性是只读的。
语法:
videoObject.played
返回值:TimeRanges 对象,表示视频的已播范围。
TimeRanges 对象的属性:
length - 获得视频中已播范围的数量
start(index) - 获得某个已播范围的开始位置
end(index) - 获得某个已播范围的结束位置
注意:首段已播范围的下标是 0。
played属性事例测试

 

以上是今天通过kphp框架网站给大家分享的Video对象的preload、src和played属性讲解,对于通过html5播放视频进行视频切换很有帮助,希望大家可以通过讲解更好的运用Video对象的属性,对视频进行操作。

最新动态

学习指南:

知识总结: