Video.js：章节选择（来自 .vtt 文件）不起作用/菜单未显示（字幕仅在 FF 中有效）

Question

章节选择不适用于 HTML5 视频框架 Video.js。 我搜索了很多，但似乎找不到任何真正的解决方案或工作示例。

我喜欢使用带有 .vtt 文件的章节轨道，但没有显示菜单。不管我怎么尝试。 我只是尝试让示例视频使用它：

<video id="example_video_1" class="video-js vjs-default-skin" controls preload="auto" width="640" height="264"
  poster="http://video-js.zencoder.com/oceans-clip.png"
  data-setup="{}">
<source src="http://video-js.zencoder.com/oceans-clip.mp4" type='video/mp4' />
<source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm' />
<source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg' />
<track kind="chapters" src="chapters.vtt" srclang="en" label="Chapters" />
</video>

编辑：我尝试了添加和不添加“默认”的各种选项：

<track kind="chapters" src="chapters.vtt" srclang="en" label="Chapters" />
<track kind="chapters" src="chapters.vtt" srclang="en" label="Chapters" default />
<track kind="chapters" src="chapters.vtt" srclang="en" label="Chapters" default="default" />

vtt 文件：

WEBVTT


chapter-1
 00:00.000 --> 00:03.500
 Intro

chapter-2
 00:03.501 --> 00:05.500
 This is Chapter 02

chapter-3
 00:05.501 --> 00:07.500
 This is Chapter 03

我什至不知道菜单应该如何/在哪里显示，因为我找不到任何示例。

顺便说一句。 演示中的字幕甚至不适用于所有浏览器 (demo.captions.vtt)。播放器显示“CC”菜单按钮，但在 IE10 或 Chrome(27) 中未显示实际字幕。

Answer 1

我正在等待同一个问题的答案， 但是，我可以回答你的第二个问题。字幕仅适用于 IE、chrome、Safari 托管时它们将无法使用本地文件，因此如果您使用 xamp(mac) 或 wamp(windows) 对其进行测试，则应显示字幕。如果你知道如何让章节发挥作用，请告诉我。

Answer 2

播放器中似乎确实存在错误。我已经测试过了，它似乎在 video.dev.js（版本 4.1.0）的第 1455 行。

希望我们能很快收到他们关于这个明显错误的消息。

Answer 3

对于章节，如果您希望显示章节菜单，则需要默认值。 https://github.com/videojs/video.js/blob/master/docs/guides/tracks.md#default

将 default="default" 添加到轨道，应该可以解决问题。