0

章节选择不适用于 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) 中显示。

4

3 回答 3

0

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

于 2013-07-04T10:09:27.250 回答
0

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

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

于 2013-06-13T12:57:23.107 回答
0

播放器中似乎确实存在错误。我已经对其进行了测试,它似乎在 video.dev.js(版本 4.1.0)的第 1455 行。

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

于 2013-08-07T01:29:29.260 回答