WebVTT

The Web Video Text Track (WebVTT) API allows you to display timed captions/subtitles to videos.


RESETRUNFULL
WEBVTT FILE – beatit.vtt

NOTE comment blocks can be used between style blocks.

1
01:00.000 --> 01:03.000
They told him, "Don't you ever come around here

2
01:03.000 --> 01:06.000
Don't wanna see your face, you better disappear"

3
01:06.000 --> 01:10.000
The fire's in their eyes and their words are really clear

4
01:10.000 --> 01:14.000 line:0
So <b>beat it</b>, just beat it <u><i>(Ooh!)</i></u>

5
01:15.000 --> 01:17.000
You better run; you better do what you can

6
01:17.000 --> 01:20.000
Don't wanna see no blood, don't be a macho man (Ooh!)

7
01:20.000 --> 01:23.800
You wanna be tough, better do what you can

8
01:23.800 --> 01:27.700
So beat it, but you wanna be bad

<!DOCTYPE html><html><head>
   <style>
      video::cue {
         background: rgba(200,200,200,0.5);
         color: papayawhip;
         font-size:18px;
         line-height: 18px;
      }
   </style></head>
<body style="height:360px">
   <video src="/shared/beatit.mp4" autoplay controls>
      <track label="English subtitles" kind="subtitles" srclang="en" src="/shared/beatit.vtt" default=""> 
   </video>
</body></html>