Отключение субтитров на видео HTML5 по умолчанию

Question

Вот что у меня есть ...

<video id="video" controls="controls" preload="metadata" poster="/video/promotional/transparent.png"> 
    <source src="/video/promotional/promotional.mp4" type="video/mp4" /> 
    <source src="/video/promotional/promotional.webm" type="video/webm" /> 
    <source src="/video/promotional/promotional.ogv" type="video/ogg" /> 
    <track src="/video/promotional/promotional.vtt" label="English Captions" kind="subtitles" srclang="en-us" /> 
</video> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     var video = document.querySelector('#video'); 
     var.track = video.textTracks[0]; 
     track.mode = 'hidden'; 
    }); 
</script> 

Я надеялся, что это будет отключить субтитры по умолчанию, но это, кажется, не так. Есть идеи?

Answer 1

Ваш ответ был очень близким (я полагаю, что var.track = был опечаткой, которая работает в Chrome и Safari на OSX и IE на ПК для меня). Для повторного использования я хотел бы разделить textTracks из в переменную, но это личные предпочтения:

<script type="text/javascript"> 
    $(document).ready(function() { 
    var video = document.querySelector('#video'); // get the video element 
    var tracks = video.textTracks; // one for each track element 
    var track = tracks[0]; // corresponds to the first track element 
    track.mode = 'hidden'; 
});