CODEWITHSUNDEEP
html5-videowebvtt
Sean Holmesby
Sean Holmesby

Reputation: 2145

HTML5 Video with WebVTT Subtitle track: show part of line on delay

I'm trying to get this working in Chrome.

I have a page playing a HTML5 video, with a webvtt file for my subtitles. I'm trying to get one line to show up about a second after another line.....but keep the first line there. Then make them disappear together.

Here's what I have:-

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.

For some reason, the first line is showing up at the bottom of the video....and the second line is then displayed above it. That's not what I want.

I've also tried

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

But both lines are being displayed together.

Any ideas?

Upvotes: 0

Views: 606

Answers (1)

alexander farkas
alexander farkas

Reputation: 14134

If you want to achieve, you should not use overlapping cues. Instead stop your cue #4 right before cue #5 and add both texts inside of 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.

Upvotes: 2

Related Questions