關閉隱藏字幕的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 =是一個錯誤修正，適用於OSX和PC上的Chrome和Safari，適用於我）。對於再利用我喜歡的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'; 
});