HTML5视频：如何关闭字幕

Question

我正在创建一个HTML5视频播放器，并且想要一个用于打开和关闭字幕的按钮。要关闭它们，我将默认轨道的“ mode”属性设置为“ hidden”，但它们在Chrome 66中并未消失。

这是应该关闭字幕的jQuery行（播放器的ID为“ player”）：

$"#player track").eq(0).attr("mode", "hidden");

在DOM中，“模式”属性更改为“隐藏”，但是字幕仍然可见。知道为什么会这样吗？

Answer 1

扩大我的评论；您应该尝试的是在所有音轨上禁用字幕（以防您有多个字幕）。 使用jQuery可能有一种更简单的方法，但是我从来没有使用jQuery的html5播放器，因此我的回答是这样。

var video = document.querySelector('#player');

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