当视频开始使用视频to播放时，如何不显示字幕？

Question

我使用Video.js作为一个定制的视频播放器，默认情况下，当视频开始播放时，它会显示字幕。如何在“开始/自动播放”中禁用封闭标题？

​

var myPlayer = _V_("myPlayer");
var videoPlaying = true;

// video captions button
var myCaption = myPlayer.controlBar.addChild("button");

// Styling to empty button
$(".vjs-control-text").empty();

// Add class to captions
myCaption.addClass("vjs-captions-icon");
myCaption.addClass("vjs-captions-icon-on");

// Adding functionality to captions button
$(".vjs-captions-icon").on('touchstart', function() {
  $('div.vjs-captions.vjs-text-track').toggle();
  $('.vjs-control-bar .vjs-captions-icon').toggleClass('vjs-captions-icon-on').toggleClass('vjs-captions-icon-off');
});

.vjs-captions-icon-on {
  background: url(../img/caption_button.png);
  background-size: 100% 100%;
}
.vjs-captions-icon-off {
  background: url(../img/caption_button_off.png);
  background-size: 100% 100%;
}

<video id="myPlayer" class="video-js vjs-sublime-skin" width="1024px" height="768px" controls autoplay preload data-setup='{"nativeControlsForTouch": false}'>
  <source src="../video/brandt.mp4" type='video/mp4' />
  <track class="caption" kind="captions" src="../video/brandt.vtt" type="text/plain" srclang="en" label="English" default/>
</video>

​

Answer 1

分享来自葛卡采夫的答案在这里回答https://github.com/videojs/video.js/issues/2124

引用那里的话。

显示-文本跟踪可见，并更新和触发事件。 禁用-轨道不可见且不触发事件 隐藏-轨道是不可见的，但它是发射事件。因此，要隐藏一条轨道，你可以： player.textTracks().mode =“禁用”；

Answer 2

我知道这是老生常谈--但我一直在研究这个问题，我用公认的答案编写了一个脚本，直到我意识到：

在<track>标记中，只需删除其末尾的默认标记。

例如，代替

<track class="caption" kind="captions" src="../video/brandt.vtt" type="text/plain" srclang="en" label="English" default/>    

做

<track class="caption" kind="captions" src="../video/brandt.vtt" type="text/plain" srclang="en" label="English"/>