我们如何在 video.js 播放器中禁用 "captions settings"？

Question

我在网页中的单个视频播放器上使用 video.js 5.7.1。 video 元素包含一个 "captions" track 元素。当用户在 IE 11 中单击 CC 按钮时，他们会看到一个包含以下内容的菜单：

我想完全删除第一个菜单项 "captions settings"，以便菜单只显示 "captions off" 和 "english"。

我确定这很简单，但我似乎找不到如何 disable/remove "captions settings" 菜单项。从播放器上的 CC 按钮中删除此选项需要做什么？

现在，我将曲目种类设置为 "subtitles" 而不是 "captions"，以完全避免设置菜单。

Answer 1

我在 github 上的视频 js 论坛上发布了同样的问题： https://github.com/videojs/video.js/issues/3202#issuecomment-202540661 Videojs 人员发布了解决方案 - 这是我根据他们的解决方案使用的解决方案：播放器启动后，我使用 css:

使问题区域不可见

$(".vjs-texttrack-settings").css("display","none");

Answer 2

我最后做的是在 video.js CSS 之后添加以下 CSS:

/* Prevent CC settings menu item from displaying */
.vjs-texttrack-settings {
  display: none;
}

这完成了我需要的；字幕设置菜单项不再出现在 CC 菜单上。这适用于 5.7.1 和 5.8.8。

Answer 3

万一有人来这里想隐藏所有的字幕设置，这应该可行：

.vjs-caption-settings {
  display: none;
}

How do we disable "captions settings" in a video.js player?