SRT vs VTT: Subtitle File Formats Explained (With Examples)

SRT vs VTT subtitle formats explained: example files, a side-by-side comparison, where each one works best, how to convert SRT to VTT and how to add captions to a website.

SRT vs VTT subtitle file formats explained with examples

Table of Contents

SRT and VTT are both plain-text subtitle formats that pair each caption with a start and end time. SRT (SubRip) is the simplest and most widely supported, used by YouTube, Facebook, video editors and media players. VTT (WebVTT) is the web standard for HTML5 video, starts with a “WEBVTT” line, uses a dot instead of a comma in timestamps, and supports extra features like positioning and basic styling. Use SRT for uploads to most platforms, and VTT for videos on your own website.

Key takeaways
  • Both formats are just text files you can open in any text editor.
  • SRT: numbered blocks, comma before milliseconds, very widely supported.
  • VTT: starts with WEBVTT, dot before milliseconds, made for web players.
  • Converting between them is mostly a matter of small formatting changes.
  • Get the text for your captions with the free Video to Text Converter.

The file that wouldn’t load

Imagine a web designer adding a training video to a client’s website. She has a perfectly good caption file from a video editor, uploads it, and nothing appears on the player. After an hour of confusion, she discovers the problem: the website’s HTML5 player expects VTT, and her file is SRT. A two-minute conversion fixes it.

Knowing the difference between these two formats saves a lot of time, and it’s simpler than it looks.

What an SRT file looks like

1
00:00:01,000 --> 00:00:04,000
Welcome to our cooking channel.

2
00:00:04,500 --> 00:00:08,000
Today we're making chicken biryani.
  • A number for each caption.
  • Start and end time in hours:minutes:seconds,milliseconds (with a comma).
  • The caption text, then a blank line.

What a VTT file looks like

WEBVTT

00:00:01.000 --> 00:00:04.000
Welcome to our cooking channel.

00:00:04.500 --> 00:00:08.000 line:90%
Today we're making chicken biryani.
  • The file starts with WEBVTT.
  • Timestamps use a dot before milliseconds.
  • Cue numbers are optional.
  • Optional settings like position can follow the timestamp.

SRT vs VTT comparison

SRTVTT
Full nameSubRip SubtitleWeb Video Text Tracks
First lineCaption number 1WEBVTT
Millisecond separatorComma (00:00:01,000)Dot (00:00:01.000)
Styling and positionNot officially supportedSupported (positioning, basic styling)
Best forYouTube, Facebook, editors, media playersHTML5 video on websites, web players
YouTube supportYes, basic SRTYes, with positioning and limited styling

How to convert SRT to VTT by hand

  1. Open the SRT fileUse any plain text editor.
  2. Add WEBVTTType WEBVTT on the first line, then a blank line.
  3. Change commas to dots in timestampsOnly in the time lines, not in the caption text.
  4. Remove cue numbers (optional)VTT allows them, but they’re not needed.
  5. Save as .vtt in UTF-8Make sure the encoding is UTF-8 so special characters display correctly.
Always save subtitle files as UTF-8 text. Bangla, accented letters and symbols can turn into strange characters if the encoding is wrong.

Adding VTT captions to a website video

For an HTML5 video, add a track element inside the video tag that points to your .vtt file, with the language and a label. Many WordPress video players and plugins also let you attach a VTT file from the media settings. Captions on your own site make videos accessible and help visitors who watch with the sound off.

Where the text comes from

Both formats start with an accurate transcript. Create it privately with the free Video to Text Converter. For YouTube, you can skip manual timing completely by pasting the transcript into YouTube’s auto-sync, as explained in how to add subtitles to YouTube videos.

Sources

Frequently asked questions

What is the difference between SRT and VTT?

Both are text subtitle formats. VTT starts with “WEBVTT”, uses a dot instead of a comma before milliseconds and supports positioning and basic styling. SRT is simpler and more widely supported.

Which subtitle format should I use for YouTube?

Both work. SRT is the most common choice. You can also skip timing entirely by pasting a transcript into YouTube’s auto-sync.

Which format do HTML5 website videos use?

HTML5 video uses WebVTT (.vtt) through the track element.

How do I convert SRT to VTT?

Add WEBVTT as the first line, change the commas in timestamps to dots, and save the file as .vtt in UTF-8 encoding.

Free toolTry the Transcriptor: Free Video to Text Converter

Turn video and audio into text privately on your own device. No upload, no sign-up, files up to 1 GB.

Open the free tool →
Written by Tanvir H

WordPress and Elementor web designer at Tanvir WebXprt, Bangladesh, with 7+ years of experience and 650+ projects. Tanvir builds the free tools on this site and writes practical guides for creators, learners and small businesses.

Learn more

Guides for this tool

Built by Tanvir WebXprt

Want a tool, website or app like this for your business?

Every free tool on this site is designed and coded by Tanvir H, a Bangladesh-based WordPress and Elementor web designer with 7+ years of experience and 650+ projects for clients worldwide. Fast, mobile-first, search-optimised websites that turn visitors into customers.

Website developmentWordPress, Elementor & e-commerce sitesfrom $899
Creative designWeb, graphic & brand identityfrom $220
SEO & paid adsRank on Google, run Meta & Google Adsfrom $300
Speed & fixesCore Web Vitals, bugs and upgradesCustom quote
  • 650+ projects
  • 7+ years
  • 4.9★ rating
  • Govt. registered freelancer

Contents

Was this helpful? Spread the word and share with your network!
Facebook
Pinterest
LinkedIn
Reddit
VK
X
Telegram
Threads
Tumblr
Email
WhatsApp
Pocket

Leave a Reply

Your email address will not be published. Required fields are marked *

Related Article