TextTrackCueList

The TextTrackCueList interface of the WebVTT API is an array-like object that represents a dynamically updating list of TextTrackCue objects.

An instance of this type is obtained from TextTrack.cues in order to get all the cues in the TextTrack object. This interface has no constructor.

TextTrackCueList.length Read only

An unsigned long that is the number of cues in the list.

TextTrackCueList.getCueById()

Returns the first TextTrackCue object with the identifier passed to it.

The HTMLMediaElement.textTracks property returns a TextTrackList object listing all of the TextTrack objects, one for each text track linked to the media. The TextTrack.cues property then returns a TextTrackCueList containing the cues for that particular track.

const video = document.getElementById("video");
video.onplay = () => {
  console.log(video.textTracks[0].cues);
};