字幕不显示使用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。该链接为每个操作系统提供说明。