estoy intentando hacer un reproductor de videos, pero no se como añadir los subtitulos en vtt y se switchen correctamente con su video correspondiente. No se como agregarlo al javascript ni al html5. Esto es lo que llevo para cambiar entre videos.
function init() {
document._video = document.getElementById("video");
}
document.addEventListener("DOMContentLoaded", init, false);
//switching videos (playlist)
var videos =
[
[
"recursos/zelda-caption.jpg",
"recursos/zelda.mp4"
],
[
"recursos/mario-caption.jpg",
"recursos/mario.mp4"
],
[
"recursos/smash-caption.jpg",
"recursos/smash.mp4"
]
];
function switchVideo(n) {
if (n >= videos.length) n = 0;
var mp4 = document.getElementById("mp4");
var parent = mp4.parentNode;
document._video.setAttribute("poster", videos[n][0]);
mp4.setAttribute("src", videos[n][1]);
document._video.load();
}