字幕不能使用WebVTT显示

Question

所以我试着给一个html5视频添加字幕，找到了WebVTT。我已经对它做了一些研究，甚至复制了一些示例代码，看看它是否可以工作，但我没有运气。

字幕就是不会出现在视频里。

这是HTML。

<video id="video"  class="video" controls>
              <source src="solar.mp4" type="video/mp4">
              <source src="client2.ogv" type="video/ogv">
              <source src="solar.webm" type="video/webm">
              <source src="solar.flv" type="video/flv">

              <track label="English Captions" kind="captions" srclang="en" src="english-subtitles.vtt">
        </video>

和测试VTT文件。

WEBVTT

1
00:00:13,00 --> 00:00:16,000
Man did you see that awesome thing like last week -

2
00:00:16,100 --> 00:00:20,100
- and i said wow a lot of people are starting to talk about this.

Answer 1

它不能在本地运行，你需要在服务器上运行它。

Answer 2

我遇到了和你一样的问题。

问题是Chrome有一个安全功能，不允许文件在Chrome中运行本地文件。

解决方案是run Chrome with the allow local access flag。该链接提供了每个操作系统的说明。

Answer 3

您使用的时间戳格式不正确。在第二个值之后应该有一个. (点)。

应该是这样的：00:00:00.000 --> 00:00:10.000