使用 Safari 隐藏视频文本轨道

Question

使用此方法适用于 Firefox/Chrome，但不适用于 Safari

let videoElement = document.querySelector(`#my-video`);
let track = videoElement.textTracks[0];
track.mode = 'hidden';

我也试过::cuecss 选择器

::cue {
  visibility: hidden;
}

这会隐藏文本本身，但不会隐藏半透明的黑色背景。

当我在其他地方渲染内容时，我需要保持文本轨道，但我不希望它在视频中重复。

有没有办法做到这一点，我错过了什么吗？

Answer 1

将您的曲目设置kind为metadata。

无论如何，这就是您使用曲目的方式，因此这将是最合适的。作为奖励，此曲目kind不会向用户显示，因此无需其他操作。