如何将开始按钮放在剪辑的中间

Question

我在http://www.videojs.com/上找到了设计器页面,您可以将开始按钮的位置更改为位于剪辑中间.

但我无法在video.js播放器上放置或使用此样式表.有人可以解释如何在播放器中使用它.EG用额外的文件扩展现有的css？或者如何更改现有的CSS以使按钮不在左上方但在中间？

谢谢.Katasun

Answer 1

您可以在视频课程中添加" vjs-big-play-centered ".

 <video id="player" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" width="700" height="450" poster="http://www.videojs.com/img/poster.jpg"><source src="" type="video/mp4"></video>

Answer 2

使用4.1.0版本：

在 video-js.css 中.vjs-default-skin .vjs-big-play-button（第 484 行以上）替换：

top: 2em;
left: 2em;
margin: 0;

和：

top: 50%;
left: 50%;
margin-left: -6em;
margin-top: -4em;

-6em 和 -4em，因为宽度为 12em，高度为 8em

只是遇到了同样的问题，必须以这种方式修复它:) 适用于最新的 chrome、firefox、safari 和 opera，没有在 IE 上测试，我在 OSX 上