如何从 React 中 videojs 的字幕级联中删除字幕设置选项？

Question

实际上我已经使用 addRemoteTextTrack 在 vi​​deojs 上添加自定义级联。这工作正常。但是当我点击字幕设置选项时。标题即被复制。我需要解决这个问题。这可能是我从视频中隐藏了字幕设置选项，或者在进行了一些更改之后不会发生重复离子。

为了添加字幕，我在 videojs 上添加了这段代码。

player.addRemoteTextTrack({ mode: 'showing', kind: "captions", label: "English", language: "en" }, false);

Answer 1

隐藏它的“最简单”方法是将 textTrackSettings 选项设置为 false，然后在页面中添加一点 css：

var player = videojs(videoEl, {
  // make the text track settings dialog not initialize
  textTrackSettings: false
});

然后在您的 css 文件中：

/* hide the captions settings item from the captions menu */
.vjs-texttrack-settings {
  display: none;
}