如何在html中为视频添加字幕？

Question

我尝试使用track元素，但它没有用。你能不能告诉我，如果我做错了什么？

<video controls="controls" id="video1" width="450">
    <source src="A taste of TED.mp4" type="video/mp4">
    <track src="TED.vtt" kind="subtitles" srclang="en" label="English">
 </video>

字幕文件（TED.vtt）如下所示：

WEBVTT

1
00:00:01.000 --> 00:00:10.000
This is the first line of text, displaying from 1-10 seconds

2
00:00:15.000 --> 00:00:20.000
And the second line of text
separated over two lines

Answer 1

<video controls="controls" id="video1" width="450">
    <source src="A taste of TED.mp4" type="video/mp4" />
    <track src="TED.vtt" kind="subtitles" srclang="en" label="English" />
</video>

Answer 2

当我在IIS中托管我的网站时，我也遇到了同样的问题。问题是，我没有在网站支持的MIME类型下添加MIME类型的vtt文件。只需单击该站点，并在支持的MIME类型下添加MIME类型为text / vtt的.vtt扩展名。它对我有用。

如果未添加，则在搜索字幕文件时将在错误控制台中记录404未找到错误。