MENU
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>