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>

编辑：我尝试了各种选项，无论是否添加'default'：

<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

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

将默认值=“默认”添加到曲目中，应该可以解决问题。

Answer 2

我正在等待同一个问题的答案，但是，我可以回答你的第二个问题。字幕仅适用于IE，Chrome，Safari，当托管时它们无法使用本地文件，所以如果你用xamp（mac）或wamp（windows）测试它们应该显示标题。如果您发现如何制作章节，请告诉我。

Answer 3

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

希望我们很快就会听到这个明显的错误。

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

3 个答案: