javascript - HTML5 视频 : how to turn off subtitles

Question

我正在创建一个 HTML5 视频播放器，并且想要一个可以打开和关闭字幕的按钮。为了关闭它们，我将默认轨道的“模式”属性设置为“隐藏”，但它们并没有在 Chrome 66 中消失。

这是应该关闭字幕的 jQuery 行(玩家的 id 是“player”):

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

DOM 中的“mode”属性更改为“hidden”，但字幕仍然可见。知道为什么会这样吗？

Answer 1

扩展我的评论；您应该尝试的是禁用所有轨道上的字幕(如果您有多个轨道)。使用 jQuery 可能有一种更简单的方法，但是我从未使用过 jQuery 来使用 html5 播放器，因此我的答案。

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

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