- 0133技术站
- 联系QQ：88526
- QQ交流群
- 微信公众号
灭绝小师太
更新时间：2019-04-04 10:17:50
定义
buffered 属性返回 TimeRanges 对象，该对象指示访问buffered属性时浏览器已缓冲的媒体源的范围（如果有）。
TimeRanges 对象表示用户的音频/视频缓冲范围。
缓冲范围指的是已缓冲音频/视频的时间范围。如果用户在音频/视频中跳跃播放，会得到多个缓冲范围。
注意：Web Workers中不提供此功能。
语法
var timeRange = Object .buffered
返回值：
| 值 | 描述 |
|---|---|
| TimeRanges对象 | 表示音频/视频的已缓冲部分。 这个对象是标准化的，这意味着范围是有序的，不重叠，不空，不接触（相邻的范围被折叠成一个更大的范围）。 TimeRanges 对象的属性： ● length - 获得音频/视频中已缓冲范围的数量 ● start(index) - 获得某个已缓冲范围的开始位置 ● end(index) - 获得某个已缓冲范围的结束位置 注：下标从0开始。 |
浏览器支持
| HTML音频/视频 DOM属性 |  |  |  |  |  |
buffered | 支持 | 支持 | 支持 | 支持 | 支持 |
所有主流浏览器都支持 buffered 属性。
注意：Internet Explorer 8 及之前的版本不支持该属性。
获得视频的第一段缓冲范围（部分），以秒计：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>0133技术站(0133.cn)</title>
</head>
<body>
<video id="video" controls="controls">
<source src="http://ss.0133.cn/ueditor/php/upload/video/20190329/1553822788248551.mp4" type="video/mp4">
<source src="http://ss.0133.cn/ueditor/php/upload/video/20190329/1553822829671474.ogg" type="video/ogg">
您的浏览器不支持 HTML5 video 标签。
</video><br>
<button onclick="BuffRange()" type="button">获得视频的第一段缓冲范围</button>
<script>
myVid=document.getElementById("video");
function BuffRange()
{
alert("Start: " + myVid.buffered.start(0) + " End: " + myVid.buffered.end(0));
}
</script>
</body>
</html>点击 "运行实例" 按钮查看在线实例
推荐手册