使用 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