我们如何禁用"字幕设置"在video.js播放器?

时间:2016-03-04 22:00:25

标签: html5 video.js

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

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

我想完全删除第一个菜单项"字幕设置"这样菜单只显示"标题关闭"和"英语"。

我确定它很简单,但我似乎无法找到如何禁用/删除"字幕设置"菜单项。从播放器上的CC按钮中删除此选项需要做什么?

目前,我已将曲目类型设置为"字幕"而不是"字幕",以完全避免设置菜单。

3 个答案:

答案 0 :(得分:0)

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

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

这完成了我所需要的; CC菜单上不再显示字幕设置菜单项。这适用于5.7.1和5.8.8。

答案 1 :(得分:0)

如果有人来这里寻找隐藏所有标题设置,这应该有效:

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

答案 2 :(得分:-3)

我在github上的视频js论坛上发布了同样的问题: https://github.com/videojs/video.js/issues/3202#issuecomment-202540661 Videojs人员发布了解决方案 - 这是我根据他们使用的解决方案: 在玩家启动之后,我用css将这个有问题的区域隐藏起来:

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