为HTML5视频添加字幕

Question

我用JavaScript构建了一个自定义的HTML5视频播放器，我用下面的js代码隐藏了本地控件：

var video = document.getElementById("video");
video.controls = false;

然后我自定义了控件(播放-暂停-全屏...)一切都运行得很好。我的问题是当我实现标签时，如下所示：

<track label="English" kind="subtitles" src="sub/vid_sub.vtt" srclang="en">

副标题没有显示，所以我发现隐藏控件的js代码也隐藏了标签，我试图找到一种方法来禁用除标签之外的所有本机控件，但我做不到。如果有什么方法可以解决这个问题，请告诉我。

Answer 1

如果您添加默认的html轨道，它将默认显示，如果你想操纵多个字幕，你可以查询，选择它们，然后显示一个用户点击如下。

for (var i = 0; i < video.textTracks.length; i++) {
    if (video.textTracks[i].language == 'en') {
        video.textTracks[i].mode = 'showing';
 }

如果你想隐藏它，就像下面这样。

track.mode="hidden";