javascript - 使videojs进度条的高度更高

我在我的React应用程序中使用videojs。当前，我的应用程序中的默认外观的进度条高度非常薄。我想要一个较粗的进度条。有什么办法可以做到吗？

最佳答案

是的你可以。

在您的html头上的videojs样式（.css）之后添加此代码，或将代码移至将在之后加载的CSS文件：

<style>
  .video-js .vjs-progress-holder .vjs-play-progress,
  .video-js .vjs-progress-holder .vjs-load-progress,
  .video-js .vjs-progress-holder .vjs-tooltip-progress-bar,
  .video-js .vjs-progress-holder .vjs-load-progress div {
    height: 0.3em;}
</style>

高度：默认值为0.3em。
更改所需的任何人的默认值。
还有一件事，您可能还需要更改.vjs-slider css类，否则，栏可能会比滑块大。
检查videojs CSS代码，一切都在那里。