<track>: O Elemento TRACK
Última atualização: 2026-10-13
<track>O Elemento TRACK
Especifica uma trilha de texto (legendas, legendas ocultas, capítulos) para audio ou video, geralmente um arquivo .vtt.
| Categoria | Links e Mídia |
|---|---|
| Modelo de Conteúdo | Elemento vazio |
| Pais Permitidos | Qualquer elemento que aceite conteúdo de fluxo |
| Tag de Fechamento | Auto-fechante — nenhuma tag de fechamento necessária |
| Status | Padrão |
📝 Sintaxe
<track src="..." kind="subtitles">⚙️ Atributos
Este elemento suporta os atributos globais mais os seguintes:
| Atributo | Valor | Descrição |
|---|---|---|
src | Track file URL, usually .vtt. | |
kind | Track kind: subtitles/captions/descriptions/chapters/metadata. | |
srclang | Language code of the track text, e.g. zh, en. | |
label | User-visible name of the track. | |
default | Marks this track as the default. |
▶ Exemplo
Edite o código abaixo e veja o resultado em tempo real no playground:
🌐 Suporte de Navegadores
| Navegador |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <track> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Suportado em todos os navegadores principais | |||||
Dica： track é um elemento vazio; kind define o tipo (subtitles/captions/chapters…); default marca a trilha ativa.
❓ Perguntas Frequentes
QPara que serve track?
A
<track> adiciona pistas de texto a <video>/<audio>: com arquivos WebVTT fornece legendas (kind='subtitles'), capítulos (chapters), descrições (descriptions) e outras trilhas, com sincronização a cargo do navegador.Qsrclang e kind de track são obrigatórios?
Akind tem subtitles como padrão e pode ser omitido, mas é melhor escrevê-lo;
srclang é obrigatório quando kind é subtitles (como srclang='pt-br'); com legendas em vários idiomas, use o atributo default para marcar a pista padrão. Leis de acessibilidade costumam exigir trilha de legendas nos vídeos.QComo escrever um arquivo de legendas WebVTT?
AArquivo de texto começando com
WEBVTT; cada bloco é «código de tempo + texto»: 00:00:01.000 --> 00:00:04.000 e, na linha seguinte, o conteúdo; salve como .vtt. Referencie no track com src='sub.vtt'; para testar localmente, use um servidor HTTP (não carrega via file://).🏷️ Tags Relacionadas
💡 Casos Relacionados
Mais estudos de caso em breve — volte mais tarde.
📚 Tutoriais Relacionados
