Urgent.News

What's breaking now, across thousands of outlets.

Tech

What Is a VTT File? The WebVTT Format, an Example, and What Browsers Actually Show

A VTT file ( .vtt , short for WebVTT, Web Video Text Tracks) is the subtitle format of web video. Like an SRT file, it's plain text: a list of cues, each with a start time, an end time and the words to show. On top of that it can carry positioning, styling and comments. It's the only subtitle format the HTML5 <track> element accepts, so any video player in a web page reads it. Most explanations…

A VTT file, or WebVTT, is the subtitle format used by web videos. It is a plain text file containing cues with start times, end times, and the text to display. VTT files can also include positioning, styling, and comments. HTML5 track element is the only player that accepts VTT files, so any web video player reads VTT files. Most explanations only mention styling and positioning, but this report tested which features actually display in Chrome and Safari.

The report wrote individual VTT files for each feature and tested them in Chrome 155 and Safari 26.2 on a Mac and iPhone. Five features were found to display correctly in both browsers: plain cue, NOTE block, cue identifier, hour-less timestamps, line:0, line:50%, position, align, size, vertical text, b, i, u, and classes. However, region and karaoke were not supported by either browser.

The report also tested 18 common ways to break VTT files and fed them to Chrome, Safari, ffmpeg, and a custom converter. Only four out of 17 test files broke in Chrome, while all five broke in Safari. Overlapping cues were shown correctly in Safari, but only the first cue was shown in Chrome after seeking. YouTube supports WebVTT but limits styling to b, i, and u.

Written by urgent.news from Dev.to's reporting — not their text. Machine-written — may contain errors; check the original before relying on it.

Read the original at dev.to →

More in Tech

Rank Trackers Are Getting Poisoned Google SERPs. Here's How I Check Drops With the Search Console API

If your rank tracker showed a page-one keyword falling off a cliff in late September and then coming back a few days later, it may not have been your site at all.

  • Rank trackers experiencing poisoning, with 8.0% of analyzed SERPs affected since September 13.
  • Poisoned SERPs show only 20.7% of usual organic sites, while normal pages retain 88.5%.
  • Python script developed to check drops in rankings using Google Search Console API.

How to Recover Lost Tabs in Firefox (And Prevent It Next Time)

How to Recover Lost Tabs in Firefox (And Prevent It Next Time) If Firefox crashed and you lost a bunch of open tabs, here's how to get them back.

  • Firefox automatically saves open tabs during crashes via Session Restore
  • Recently Closed Tabs list shows last 25 closed tabs for quick recovery
  • Sessionstore.jsonlz4 file can be decompressed for manual tab extraction

Firefox Dark Mode: Every Option Explained (and Which Actually Works)

Firefox Dark Mode: Every Option Explained (and Which Actually Works) Firefox has at least four different mechanisms for dark mode, and they work differently.

  • OS dark mode works for websites supporting CSS prefers-color-scheme, but not for others.
  • NightOwl extension provides universal dark mode for non-compliant sites, with per-domain controls.

More from Friday 16 October →