15

所以我正在尝试为 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.
4

4 回答 4

16

它在本地不起作用，您需要在服务器上运行它。

于 2013-05-17T18:26:06.277 回答
3

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

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

解决方案是使用允许本地访问标志运行 Chrome。该链接提供了每个操作系统的说明。

于 2014-12-29T04:03:15.377 回答
3

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

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

于 2018-04-26T19:55:02.593 回答
1

浏览器在本地不支持该功能

Mozilla Firefox 66.0.2 除外

于 2019-04-02T09:09:53.567 回答