/* 修改video.js样式 start */
.video-js { /* 给.video-js设置字体大小以统一各浏览器样式表现，因为video.js采用的是em单位 */
  font-size : 14px;
}
.video-js button {
  outline : none;
}
.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3 { /* 视频占满容器高度 */
  height           : 100%;
  background-color : #161616;
}
.vjs-poster {
  background-color : #161616;
}
.video-js .vjs-big-play-button { /* 中间大的播放按钮 */
  font-size             : 2.5em;
  line-height           : 2.3em;
  height                : 2.5em;
  width                 : 2.5em;
  -webkit-border-radius : 2.5em;
  -moz-border-radius    : 2.5em;
  border-radius         : 2.5em;
  background-color      : rgba(115, 133, 159, .5);
  border-width          : 0.12em;
  margin-top            : -1.25em;
  margin-left           : -1.75em;
}
.video-js.vjs-paused .vjs-big-play-button {
  display : block;
}
.video-js.vjs-error .vjs-big-play-button { /* 视频加载出错时隐藏播放按钮 */
  display : none;
}
.vjs-loading-spinner { /* 加载圆圈 */
  font-size     : 2.5em;
  width         : 2em;
  height        : 2em;
  border-radius : 1em;
  margin-top    : -1em;
  margin-left   : -1.5em;
}
.video-js .vjs-control-bar { /* 控制条默认显示 */
  display    : flex;
  /*新增这一条，方便窄视频下  控制条 的换行,start*/
  flex-wrap  : wrap;
  min-height : 3em;
  /*end,新增这一条，方便窄视频下  控制条 的换行*/
}
.video-js .vjs-control {
  height : 3em;
}

.video-js .vjs-time-control {display : block;}
.video-js .vjs-remaining-time {display : none;}

.vjs-button > .vjs-icon-placeholder:before { /* 控制条所有图标，图标字体大小最好使用px单位，如果使用em，各浏览器表现可能会不大一样 */
  font-size   : 22px;
  line-height : 1.9;
}
.video-js .vjs-playback-rate .vjs-playback-rate-value {
  line-height : 2.4;
  font-size   : 18px;
}
/* 进度条背景色 */
.video-js .vjs-play-progress {
  color            : #ffb845;
  background-color : #ffb845;
}
.video-js .vjs-progress-control .vjs-mouse-display {
  background-color : #ffb845;
}
.vjs-mouse-display .vjs-time-tooltip {
  padding-bottom   : 6px;
  background-color : #ffb845;
}
.video-js .vjs-play-progress .vjs-time-tooltip {
  display : none !important;
}
/* 修改video.js样式 end */