Video.js章节不起作用

时间:2015-06-19 17:01:37

标签: video.js

我一直在网上搜索几天没有解决方案。我知道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上打开一个问题,但这不是我第一次忽略一些愚蠢的事情。

感谢您的时间和帮助。

1 个答案:

答案 0 :(得分:0)

插件存在问题:https://github.com/videojs/video.js/issues/2131

如果您需要章节,请使用4.11。