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