WebVTT API

Checking compatibility...

Work with WebVTT (Web Video Text Tracks) in web applications. Learn to create and manipulate captions, subtitles, and other text tracks for video content.

WebVTT requires a video element and has varying levels of styling and positioning support across browsers. For best compatibility, use basic styling and test across multiple browsers.

Basic WebVTT

Make your videos accessible to everyone by adding subtitles or captions. This example shows how to create timed text that appears at specific moments in your video, perfect for translations, accessibility, or viewing in quiet environments.

=
=
=
=
=
=

Output

Click Run to see output...

WebVTT API

Take control of your video captions with JavaScript. This example demonstrates how to create and manage captions dynamically, allowing you to add, modify, or respond to captions during playback without editing the video file itself.

=
=
=
=
=
=

Output

Click Run to see output...