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