HTML5 видео WebVTT файл не загружается - Angular2

Question

Я пытаюсь загрузить файл.vtt, чтобы показать главы в видео, но он не загружается. Я работаю в Angular2 и в настоящее время работаю локально (localhost).

Это мой компонент 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 пусты..