htmlvideoelement HTML DOM Video buffered 属性

htmlvideoelement

HTMLVideoElement 是 HTML5 中的一个新元素，它可以用来在网页上播放视频。它是一个块级元素，可以嵌入到 HTML 文档中，并且可以使用 JavaScript 来控制。

HTMLVideoElement 允许开发者在网页上嵌入视频，而不必使用外部的插件或者 Flash。它也可以用来创建动态的、交互式的视频内容，例如在网页上显示一个视频流或者加入一些特效。

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

HTMLVideoElement 的语法很简单，你只需要在 HTML 文档中包含一个 <video> 元素即可。你还可以通过 width 和 height 属性来设置视频的尺寸；通过 controls 属性来显示控制栏；通过 src 属性来引用外部的视频文件。此外，你还可以使用 标签来引用多个不同格式的视频文件（例如 MP4、OGG 等）。

HTMLVideoElement 还有很多高级特性，例如 autoplay、loop、muted 等属性。此外，你还可以使用 JavaScript 来动态地控制视频的行为——例如播放、暂停、重新开始、快进快退、跳到特定时间戳等——而不必手动去修改 HTML 代码。

HTML DOM Video buffered 属性

Video buffered 属性

Video 对象

实例

获得视频的第一段缓冲范围（部分），以秒计：

var x = document.getElementById("myVideo");
document.getElementById("demo").innerHTML= "Start: " + x.buffered.start(0)
+ " End: " + x.buffered.end(0);

---

定义和用法

buffered 属性返回 TimeRanges 对象。

TimeRanges 对象表示用户的音视频缓冲范围。

缓冲范围指的是已缓冲音视频的时间范围。如果用户在音视频中跳跃播放，会得到多个缓冲范围。

注意： 该属性是只读的。

---

浏览器支持

所有主流浏览器都支持 buffered 属性

注意： Internet Explorer 8 或更早的浏览器不支持该属性。

---

语法

videoObject.buffered

返回值

值	描述
TimeRanges 对象	表示音视频的已缓冲部分。 TimeRanges 对象属性： length - 获得音视频中已缓冲范围的数量 start(index) - 获得某个已缓冲范围的开始位置 end(index) - 获得某个已缓冲范围的结束位置 注释：首个缓冲范围的下表是 0。

---

Video 对象