Javascript 为什么videojs进度条不固定

我对

videojs

进度条有问题。它不是固定不变的

问题：当进度条处于

悬停

或

正常

状态时，如何固定进度条

观察以下两个屏幕：

当我们在视频上移动光标时，它的进度条向上移动。我想把它修好

正常：

悬停：

注意：我想使用相同的

videojs版本

以下是我尝试过的：

.vjs流体{
溢出：隐藏；
}
#示例\u视频\u 1.vjs控制栏{
显示：块；
}
#示例\u video\u 1.vjs进度控制{
底部：28px；
左：0；
高度：10px；
宽度：100%；
}
.video js.vjs进度控制：悬停.vjs播放进度：之后{
显示：无；
}

---

我误解了您在我之前的回答中提出的问题，对此我深表歉意

更新答案：

删除

height

属性，在CSS中添加

font-size:10px

，如下所示

#example_video_1 .vjs-progress-control {
     bottom: 28px;
     left: 0 ;
     font-size: 10px;
     width: 100%;
}

---

代码的其余部分是相同的。

我在使用video.js时遇到了类似的问题，下面的css帮助我解决了这个问题。
确保你优先使用CSS

.video-js .vjs-control-bar {
opacity :1!important;
visibility: visible;
}

---

让我知道这是否解决了问题。

对我不起作用，我认为

mouseover

由

javascript