文章/答案/技术大牛

发布

社区首页 >问答首页 >视频css全屏css

问视频css全屏css
EN

Stack Overflow用户

提问于 2015-05-24 02:51:28

回答 1查看 2.1K关注 0票数 0

你好，我试图修复css，这唯一的问题出现在全屏上，因为视频is确实有用于全屏的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

video.js

javascript

html

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-05-24 03:08:33

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

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

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/30419605

复制

相似问题

问视频css全屏css
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问视频css全屏cssEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问视频css全屏css
EN