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