使videojs进度条的高度更厚

Question

我在我的反应应用程序中使用videojs。目前，我的应用程序中的默认外观的进度条高度非常薄。我想要一个更厚的进度条。我有什么方法可以做到吗？

Answer 1

是的，你可以。

在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代码，一切都在那里。