1

我正在尝试加载 .vtt 文件以显示视频中的章节，但它似乎没有加载。我在 Angular2 工作，目前在本地工作（本地主机）。

这是我的组件 html：

<video #vid autoplay loop style="width:300px; height:200px">
  <source src="/video/dust_01.mov">
  <track #chapters kind="subtitles" src="/video/chapters.vtt" label="Chapters" srclang="en">
</video>

然后在我的组件中，我正在检查章节：

@ViewChild('chapters') chapters: ElementRef;
@ViewChild('vid') vid: ElementRef;

ngAfterViewInit() {
   console.log('display chapters');
   console.log(this.chapters);
   console.log(this.vid);
}

我的 vtt 文件是一个简单的文件，取自我在网上找到的一个示例（我修改了时间，因为我的视频只有一秒长）：

WEBVTT

00:00.100 --> 00:00.300
<v Roger Bingham>We are in New York City

00:00.600 --> 00:00.900
<v Roger Bingham>We’re actually at the Lucern Hotel, just down the street

00:01.000 --> 00:01.800
<v Roger Bingham>from the American Museum of Natural History

如果我检查控制台，textTrack 提示是空的..

4

0 回答 0