我们如何在 video.js 播放器中禁用“字幕设置”？

Question

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

• 字幕设置
• 字幕关闭
• 英文

我想完全删除第一个菜单项“字幕设置”，以便菜单只显示“字幕关闭”和“英文”。

我确定这很简单，但我似乎找不到如何禁用/删除“字幕设置”菜单项。要从播放器的 CC 按钮中删除此选项需要做什么？

目前，我将曲目类型设置为“字幕”而不是“字幕”，以完全避开设置菜单。

Answer 1

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

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

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

Answer 2

如果有人来这里想要隐藏所有的字幕设置，这应该可以：

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

Answer 3

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

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