kphp框架分享之html5中Video对象的preload、src和played属性讲解

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对象的属性，对视频进行操作。

原文来自kphp框架，转载请注明出处：http://www.kphp.org/?faq-show-64.html