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

Answer 4

浏览器不支持本地功能

除了Mozilla Firefox 66.0.2

字幕未显示使用WebVTT

4 个答案: