videojs 全屏 css

Question

你好，我正在尝试修复 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 全屏

这是我的演示 link

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

Answer 1

对于任何需要知道你可以绕过 css 的人我花了一段时间才弄明白:)

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

videojs 全屏 css

videojs full screen css

html

javascript

css

video.js