What Is a VTT File? WebVTT Format, Example, and Uses
A VTT file is a plain-text WebVTT track that pairs timed text with audio or video. This guide explains its header, cue timestamps, identifiers and settings, then lets you download the exact track loaded by the live HTML video below.
Editorial owner: CueSift. We checked the format claims against the current W3C specification, MDN, and YouTube documentation. The downloadable four-cue VTT is original and passes the repository's structural test. Browser QA confirmed that the live track reached the loaded state, was showing, and rendered cue text over the video. The MDN CC0 video supplies only a media timeline; the cue text is a format demonstration, not a transcript of that video.
VTT file quick facts
A VTT is a small companion file, not a media container. Its structured text tells a compatible destination which track content belongs to which playback interval.
| Full name | Web Video Text Tracks (WebVTT) |
|---|---|
| File extension | .vtt |
| File type | Plain text |
| Required opening | WEBVTT |
| Common timestamp | HH:MM:SS.mmm --> HH:MM:SS.mmm |
| Common uses | Subtitles, captions, descriptions, chapters, and timed metadata |
| HTML connection | <track src="captions.vtt"> |
Try the live WebVTT track
The video element below requests the same four-cue file offered for download. Turn captions on if your browser does not show the default track, then play or scrub between 1 and 6 seconds to see the demonstration cues.
Download the exact VTT trackWhat WebVTT cue settings do
Settings follow the end timestamp on the timing line. They express layout requests, but the final result still depends on the rendering environment and available space.
line
Requests a vertical line or position.
position
Requests a horizontal position.
size
Sets the cue box width as a percentage.
align
Aligns text within the cue box.
How to open and use a VTT file
Use a text editor to inspect source, a browser or compatible player to test timing, and the destination's documented import workflow to publish it. Keep the original before making changes.
- 1
Confirm the destination
Verify that it accepts WebVTT and note any track kind, language, filename, or styling limits.
- 2
Inspect the plain text
Check the WEBVTT header, blank separators, timestamps, identifiers, settings, and readable UTF-8 text.
- 3
Pair it with the matching media
Load the track beside the exact video cut or import it through the platform's caption workflow.
- 4
Test beginning, middle, and end
Look for a fixed offset, growing drift, overlap, clipped lines, or settings that render differently than expected.
- 5
Keep a portable fallback
If the destination ignores advanced layout, retain a clean text-and-timing version that preserves the essential content.