javascript - 使用 Safari 隐藏视频文本轨道

Question

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

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

我也尝试过 ::cue css 选择器

::cue {
  visibility: hidden;
}

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

我需要在其他地方呈现内容时保留文本轨道，但我不希望它在视频中重复出现。

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

Answer 1

将您的轨道 kind 设置为 metadata。

既然这就是您使用轨道的方式，那么这将是最合适的。作为奖励，这种 kind 的轨道不会显示给用户，因此没有其他事情可做。

另请参阅:https://developer.mozilla.org/en-US/docs/Web/HTML/Element/track