
.vh{width:100%;min-height:440px;}
.va{width:80%;min-height:1px;max-height:50px;}

.video-js{
  position:relative;
  overflow:hidden !important;
}
@media (max-width:768px) {
  .vh{min-height:100%;}
}
/* 给.video-js设置字体大小以统一各浏览器样式表现，因为video.js采用的是em单位 */
.video-js{ 
  font-size: 16px;
}
.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: 2em;
  line-height: 1.8em;
  height: 2em;
  width: 2em;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2.5em;
  background-color: rgba(115,133,159,.3);
  border-width: 0.12em;
  margin-top: -25%;
  margin-left: 33%;
  /*margin-top: -5em;
  margin-left: 5em;居中*/
}
@media (max-width:768px) {
  .video-js .vjs-big-play-button{ 
    line-height: 1.3em;
    height: 1.5em;
    width: 1.5em;
    margin-top: -25%;
    margin-left: 25%;
  }
}
.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: 1.5em;
  width: 1em;
  height: 1em;
  border-radius: 1em;
  margin-top: -1em;
  margin-left: -1.5em;
}
.video-js .vjs-control-bar{ /* 控制条默认显示 */
  display: flex;
}
.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: #3769B9;
  background-color: #3769B9;
}
.video-js .vjs-progress-control .vjs-mouse-display{
  background-color: #3769B9;
}
.vjs-mouse-display .vjs-time-tooltip{
  padding-bottom: 6px;
  background-color: #3769B9;
}
.video-js .vjs-play-progress .vjs-time-tooltip{
  display: none!important;
}

