Я искал в Интернете несколько дней без решения. Я знаю, что была проблема с Video.js, но apparently было исправлено в 2014 году с v4.7.0, и я запускаю v4.12.3. Я проверил все и не могу найти никаких проблем с моим кодом. Субтитры работают, но главы вообще не отображаются.Video.js Глава не работает
Мои VTT: (chapters.vtt в/Public/реж)
WEBVTT
Chapter 1
00:00:54.000 --> 00:02:46.000
What did you work on at your previous jobs?
Chapter 2
00:02:59.000 --> 00:04:25.000
When did you get started with programming?
Chapter 3
00:04:30.000 --> 00:05:35.000
What is prototypal inheritance?
Chapter 4
00:05:35.001 --> 00:09:48.000
Why is prototypal inheritance better than classical inheritance in JS?
Я добавил тип MIME для Nginx и файл загружается должным образом.
Мое мнение:
<video id="video" class="video-js vjs-default-skin vjs-big-play-centered"
controls preload="auto" width="640" height="428"
data-setup='{ "playbackRates": [1, 1.35, 1.5] }'
poster="...path_here">
<source src="...path_here" type='video/mp4' />
<track kind="chapters" src="/chapters.vtt" srclang="en" label="Chapters" default="default">
</video>
<link href="//vjs.zencdn.net/4.12.3/video-js.css" rel="stylesheet">
<script src="//vjs.zencdn.net/4.12.3/video.js"></script>
<script src="/js/plugins/video/videojs.ga.min.js"></script>
<script>
var interviewVideo = videojs('video', {}, function() {
this.ga(); // load the Analytics plugin
});
</script>
Я пробовал только по умолчанию, не по умолчанию, главы, главы, нет главы в файле VTT, ни часов в файле VTT. Ничего не происходит вообще, за исключением случаев, когда я меняю его на субтитры. Тогда все работает нормально.
Думая об открытии вопроса о github, но это было бы не в первый раз, когда я упустил что-то глупое.
Благодарим вас за внимание и помощь.