Подписи WebVTT не отображаются - PullRequest
Новая
       20

Подписи WebVTT не отображаются

0 голосов
/ 04 мая 2020

Я добавляю подписи к видео, которое я записал, однако ни одна из подписей, созданных мной в моем файле captions.vtt, не отображается. Что не так с моим кодом? 

websites.html
<video width="320" height="480" controls>
        <source src="IMG_1771.mp4" type="video/mp4">
            <track kind="captions" label="Video Captions" src="captions.vtt"  />
    </video>


captions.vtt
WEBVTT

Title
00:00.000 --> 00:00.300 
Good Morning

Subtitle
00:00.500 --> 00:02.000 
My name is John Doe

Subtitle 2
00:02.500 --> 00:04.000  
And today I will be giving reasons why video enhances websites

1 Ответ

1 голос
/ 04 мая 2020

Чтобы воспроизводить субтитры самостоятельно, вы всегда должны определять атрибут default в теге track, чтобы указать, какая дорожка включена. Поскольку у вас есть только одна дорожка, вы должны указать ее как активную.

Кроме того, как указано MDN в разделе атрибутов тега track, всякий раз, когда вы добавляете атрибут kind в тег отслеживания, вы должны указывать также srclang, и это необходимо.

Таким образом, вывод должен быть примерно таким: 

<video width="320" height="480" controls>
    <source src="IMG_1771.mp4" type="video/mp4">
    <track default kind="captions" label="Video Captions" srclang="en" src="captions.vtt"/>
</video>
...