Question

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

但我无法在video.js播放器上放置或使用此样式表。有人可以解释如何在播放器中使用它。 E. G.用额外的文件扩展现有的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上

Answer 3

我修改了一个videojs版本，您可以将播放按钮放在任何位置。这也意味着无论如何都能够在IOS设备上触摸缩略图（不一定是中心），它将运行视频。 http://www.andy-howard.com/recreate-bbc-iplayer/index.html

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

3 个答案: