javascript - Video.js Seek Bar - 在鼠标光标后面寻找点

Question

我正在使用 Video.js (v6.9)，但我不明白为什么搜索位置在鼠标光标后面。最糟糕的是，Firefox 是唯一能够正确呈现它的浏览器，所以我无法确定问题出在哪里。这是正在发生的事情的屏幕截图:

现在这是期望的结果 - 来自 YouTube:

基本上，点击鼠标的地方不是视频开始的地方。

我尝试过的事情:

• 将 Video.js 从 6.2 更新到 6.9
• 删除所有自定义样式

知道这里发生了什么吗？如果有帮助，我会使用 React 和 NPM。

Answer 1

您可以为您的 videojs 组件指定您自己的类以覆盖默认的 videojs 样式或:

.video-js .vjs-progress-control .vjs-mouse-display {
  background-color: transparent !important;
}

工作示例:https://codesandbox.io/s/rmwokj6rrq