javascript - videojs全屏CSS

您好我尝试修复CSS多数民众赞成在全屏中存在的问题，因为videojs确实有全屏的CSS，但我一直在尝试绕过宽度

对于主要的进度条，我使用以下命令

.vjs-cinematography-skin .vjs-progress-control {
    border-style: solid;
    border-width: 1px;
    border-color: #666;
  position: absolute;
  left: 100px;
  right: 0;
  width: 55%;
  font-size: 0.3em;
  height: 2em;
  /* Set above the rest of the controls. *///
  top: 4em;

  /* Shrink the bar slower than it grows. *///
  .transition(all 0.4s);
}

但由于调试原因，我尝试使用全屏更改此设置，我添加了颜色

.vjs-cinematography-skin .vjs-progress-control .vjs-fullscreen .vjs-fullscreen-control div {
width: 100% !important;
background-color: #FFF !important;
}

但是我已经尝试了很多方法，我也不确定如何仅在全屏模式下绕过CSS

这是我的演示链接

http://muse4u.tv/dev/dist/demo.html

最佳答案

对于任何需要知道您可以绕过css的人，我花了一段时间才弄清楚：)

.vjs-cinematography-skin.vjs-fullscreen .vjs-progress-control { width: 86% !important; }