Si el vídeo se reproduce sin subtítulos, comprueba por separado la carga del archivo y el momento de la primera intervención.
Conecta el archivo al reproductor
Guarda el vídeo y el VTT en UTF-8 en el mismo sitio. Coloca track dentro de video. La ruta parte de la página y srclang describe el texto: una traducción al español lleva es aunque el audio sea inglés.
<video controls src="lesson.mp4">
<track kind="subtitles" src="example-en.vtt"
srclang="en" label="English" default>
</video>
Prepara una prueba con una sola pista
Descarga el vídeo de demostración y el VTT. Colócalos junto al HTML en un servidor de prueba con los nombres lesson.mp4 y example-en.vtt. Abre la dirección web; al abrir un archivo local, las restricciones del navegador pueden alterar el resultado.
La muestra solo recoge el anuncio del taller. Al principio es normal que no haya texto. Pausa en el segundo 8 y comprueba la frase. En el 13 ya debe haber desaparecido. Si continúa incluso al desactivar la pista, busca otra pista activa o subtítulos incrustados en la imagen.
Sigue la petición cuando el menú está vacío
Abre la pestaña Red, recarga y selecciona inglés. Busca la petición .vtt. Si no aparece, inspecciona el elemento video de la página publicada: el editor puede haber eliminado track al guardar. Si aparece, compara la URL completa con el directorio de subida, sobre todo si el curso está en una subcarpeta.
Lee el contenido de la respuesta. Debe empezar por WEBVTT, una línea en blanco y los tiempos. Un formulario de acceso puede devolver 200. Ante un error de origen cruzado, prueba primero el mismo archivo en el origen de la página y revisa después el origen permitido y el atributo crossorigin.
Localiza el corte por el patrón del desfase
Compara tres frases reconocibles con el inicio de sus bloques. Si todas se retrasan igual, revisa la cabecera. Si solo falla la tercera, busca un corte entre la segunda y la tercera. Si el desfase crece, confirma qué versión de vídeo sirve el reproductor.
En la página publicada, selecciona cada idioma y verifica una frase. Desactiva los subtítulos y compara la imagen con el vídeo original si quedan letras. Para reproducir el fallo, comunica el nombre del vídeo, la pista seleccionada y el instante exacto.
Ejemplo del proceso
Voz inglesa sintética de un guion propio de EasySub. El ejemplo adapta el tercer segmento del SRT original; no es una exportación nueva ni una revisión humana profesional.
WEBVTT 3 00:00:07.950 --> 00:00:12.149 Our next workshop starts on June 15 at 9:30.
WebVTT · EN · Descargar el vídeo de demostración · SRT original (inglés)
Prueba un intervalo conocido
Elige English y salta al segundo 8 del ejemplo; en el 13 esa frase ya no debe aparecer. Abre la URL del VTT: una página de acceso con respuesta 200 no sirve. Comprueba el tipo text/vtt y, si usas otro dominio, crossorigin y los permisos CORS.
Preguntas frecuentes
¿Y si solo falla después de un corte?
Compara la edición publicada con la transcrita. Revisa ambos lados del corte antes de desplazar toda la pista.
