W3cubDocs

/Web APIs

TimeRanges: length property

The TimeRanges.length read-only property returns the number of ranges in the object.

Value

A number.

Examples

Given a video element with the ID "myVideo":

js

const v = document.getElementById("myVideo");

const buf = v.buffered;

const numRanges = buf.length;

if (buf.length === 1) {
  // Only one range
  if (buf.start(0) === 0 && buf.end(0) === v.duration) {
    // The one range starts at the beginning and ends at
    // the end of the video, so the whole thing is loaded
  }
}

This example looks at the time ranges and looks to see if the entire video has been loaded.

Specifications

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet
length 6 12 4 9 ≤12.1 3.1 ≤37 18 4 ≤12.1 2 1.0

© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/TimeRanges/length