如何在Firefox中隐藏Videogular2 CuePoints的轨道？

完全可以通过CSS实现！问题的核心是Firefox会默认渲染出Videogular CuePoints对应的文本轨道可视化层，而Chrome不会。我们只需要隐藏这个可视化层，完全不会影响CuePoints的触发逻辑。

步骤1：定位目标元素 #

打开Firefox开发者工具（按F12），找到那个显示“object”的轨道元素。通常它会是一个带有类似vjs-text-track或vg-track类的容器，或者是浏览器原生<track>标签对应的渲染元素。

步骤2：添加CSS隐藏规则 #

根据你找到的元素，添加以下CSS规则（如果你的元素类名不同，替换成实际的选择器即可）：

/* 隐藏Firefox中显示的CuePoints轨道可视化层 */
.vjs-text-track-display,
.vg-cue-points-track {
    display: none !important;
    visibility: hidden !important;
}

如果是浏览器原生的track渲染层，也可以用更精准的浏览器前缀选择器：

/* 针对Firefox的文本轨道渲染层 */
video::-moz-media-text-track-display {
    display: none;
}

验证效果 #

添加完CSS后刷新页面：

• 计时器到达CuePoint时，原来的“object”轨道层会被隐藏
• CuePoints的触发逻辑（比如对应的回调、交互）完全不受影响，和Chrome中的表现一致

注意事项 #

• 如果上述选择器不生效，一定要用开发者工具精准定位元素的类名或ID，调整CSS选择器
• 不要直接移除<track>元素，那样会导致CuePoints功能失效，我们只是隐藏它的可视化展示

内容的提问来源于stack exchange，提问作者João Vitor Romero da Cruz