Alternando Closed Caption em vídeo HTML5 e desativando controles de vídeo padrão
Eu tenho dois problemas. Assim que eu colocar a tag no meu elemento de vídeo, o controlador padrão do vídeo aparece. Eu tenho controles personalizados, então é bem o problema.
Segundo. Não consigo encontrar uma maneira de ativar ou desativar a legenda oculta.
HTML:
<video id="trailers" poster="images/poster/poster.jpg">
<source src="media/vLast.mp4" type="video/mp4">
<source src="media/vLast.webm" type="video/webm">
<track id="mytrack" label="English Subtitles" src="subtitles.vtt" srclang="en" default />
</video>
<button id="cc">CC</button>
JS:
var cc = document.getElementById('cc');
function cc(){
var video= document.getElementById('media');
var track1 = video.textTracks[0];
var mytrack = document.getElementById('mytrack');
var track2 = mytrack.track;
console.log(track1);
console.log(track2);
}
cc.addEventListener('click',cc,false);