我一直在网上搜索几天没有解决方案。我知道Video.js曾经存在问题,但apparently它在2014年使用v4.7.0修复,我运行的是v4.12.3。我已检查过所有内容,但无法找到代码中的任何问题。字幕有效,但章节根本没有出现。
我的VTT :( / public / dir中的chapters.vtt)
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上打开一个问题,但这不是我第一次忽略一些愚蠢的事情。
感谢您的时间和帮助。