Seek point behind mouse cursor

I'm using Video.js (v6.9) and I don't understand why the seek position is behind the mouse cursor. The worst part is, Firefox is the only browser that renders it correctly, so I can't pinpoint what the issue is. Here's a screen grab of what's happening:

在这里输入图像描述

Now this is the desired result - from YouTube:

在这里输入图像描述

Basically, where the mouse is clicked is not where the video starts.

Things I've tried:

  • Updating Video.js from 6.2 to 6.9
  • Removing all custom styles
  • Any idea what's happening here? I'm using React and NPM if that's helpful.


    You can specify your own class to your videojs component to override the default videojs styling or :

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

    Working example: https://codesandbox.io/s/rmwokj6rrq

    链接地址: http://www.djcxy.com/p/41574.html

    上一篇: 如何找出设备中存在的AD垃圾?

    下一篇: 寻找鼠标光标后面的点