Video.js：章節選擇（來自.vtt文件）不工作/菜單沒有顯示（字幕只在FF中工作）

章節選擇不適用於我的HTML5視頻框架Video.js。我搜索了很多，但我似乎無法找到任何真正的解決方案或工作示例。Video.js：章節選擇（來自.vtt文件）不工作/菜單沒有顯示（字幕只在FF中工作）

我喜歡使用.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）中顯示。

來源

2013-06-12 user2477816