Список субтитров: метод getCueById()

Метод getCueById() интерфейса TextTrackCueList возвращает первый VTTCue в списке, представленном объектом TextTrackCueList, чей идентификатор соответствует значению id.

id

Строка, являющаяся идентификатором субтитра.

Объект VTTCue.

Свойство TextTrack.cues возвращает TextTrackCueList, содержащий текущие субтитры для этой дорожки. Вызов cues.getCueById("second") возвращает VTTCue с ID "second".

WEBVTT

first
00:00:00.000 --> 00:00:00.999 line:80%
Hildy!

second
00:00:01.000 --> 00:00:01.499 line:80%
How are you?

const video = document.getElementById("video");
video.onplay = () => {
  console.log(video.textTracks[0].cues.getCueById("second")); // a VTTCue object;
};