html5-video - 带有 WebVTT 字幕轨道的 HTML5 视频：延迟显示部分行

Question

我正试图让它在 Chrome 中工作。

我有一个播放 HTML5 视频的页面，其中有一个 webvtt 文件作为我的字幕。我试图让一条线在另一条线之后出现大约一秒钟......但将第一条线保留在那里。然后让它们一起消失。

这就是我所拥有的：-

4
00:00:13.600 --> 00:00:16.400
Here is my first line.... 

5
00:00:14.600 --> 00:00:16.400
...and here is my second line.

出于某种原因，第一行显示在视频的底部……然后第二行显示在其上方。那不是我想要的。

我也试过

4
00:00:13.600 --> 00:00:16.400
Here is my first line.... 
<00:00:14.600>...and here is my second line.

但是两条线都一起显示。

有任何想法吗？

Answer 1

如果你想达到，你不应该使用重叠的线索。而是在 cue #5 之前停止 cue #4，并在 cue #5 内添加两个文本：

4
00:00:13.600 --> 00:00:14.600
Here is my first line.... 

5
00:00:14.600 --> 00:00:16.400
Here is my first line.... 
...and here is my second line.