Display

Track

This component is used to add text tracks.

INFO

See the loading text tracks guide for how to load and manage them, and API reference below for basic usage and props.

API Reference

Creates a new TextTrack object and adds it to the player.

import { Track, type TrackProps } from "@vidstack/react"; <MediaPlayer>
  <MediaProvider>
    <Track
      src="english.vtt"
      kind="subtitles"
      label="English"
      lang="en-US"
      default
    />
  </MediaProvider>
</MediaPlayer> 

Props

Prop	Type	Default
`id`	`string`	`undefined`
`src`	`string`	`undefined`
`content`	`any`	`undefined`
`type`	`string`	`'vtt'`
`encoding`	`string`	`'utf-8'`
`default`	`boolean`	`false`
`kind`	`TextTrackKind`	`undefined`
`label`	`string`	`undefined`
`language`	`string`	`undefined`
`lang`	`string`	`undefined`
`key`	`string`	`undefined`

Track

API Reference

Props

`id`

`src`

`content`

`type`

`encoding`

`default`

`kind`

`label`

`language`

`lang`

`key`