--- title: HTMLMediaElement.seekable slug: Web/API/HTMLMediaElement/seekable translation_of: Web/API/HTMLMediaElement/seekable ---
{{APIRef("HTML DOM")}}

{{domxref("HTMLMediaElement")}}的只读属性seekable返回一个包含了用户可以跳转到的时刻的区域(如果有)的{{domxref('TimeRanges')}}对象。

Syntax

var seekable = audioOrVideo.seekable;

一个{{domxref('TimeRanges')}}对象。

示例

var video = document.querySelector("video");
var timeRangesObject = video.seekable;
var timeRanges = [];
//遍历所有时间区域并输出数组
for (let count = 0; count < timeRangesObject.length; count ++) {
    timeRanges.push([timeRangesObject.start(count), timeRangesObject.end(count)]);
}

Specifications

Specification Status Comment
{{SpecName('HTML WHATWG', "the-video-element.html#dom-media-seekable", "HTMLMediaElement")}} {{Spec2('HTML WHATWG')}} No change from {{SpecName('HTML5 W3C')}}
{{SpecName('HTML5 W3C', "embedded-content-0.html#dom-media-seekable", "HTMLMediaElement")}} {{Spec2('HTML5 W3C')}} Initial definition.
{{SpecName('Media Source Extensions','#htmlmediaelement-extensions','HTMLMediaElement extensions, like for seekable')}} {{Spec2('Media Source Extensions')}} Specifies a new algorithm for returning the seekable time range of a media element whose source is a {{domxref("MediaSource")}} object.

Browser compatibility

{{Compat("api.HTMLMediaElement.seekable")}}

See also