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

时间:2018-04-20 23:36:31

标签: javascript reactjs video.js

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

enter image description here

现在这是理想的结果 - 来自YouTube:

enter image description here

基本上,单击鼠标的位置不是视频的开始位置。

我尝试过的事情:

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

知道这里发生了什么吗?我正在使用React和NPM,如果这有用的话。

1 个答案:

答案 0 :(得分:3)

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

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

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