6

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

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

谢谢。卡塔松

4

3 回答 3

19

您可以将“ 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>
于 2014-01-16T19:33:39.157 回答
3

使用 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 上

于 2013-08-30T15:11:38.870 回答
0

我已经修改了一个 videojs 版本,您可以在其中将播放按钮放置在任何地方。这也意味着无论如何都可以在 IOS 设备上触摸缩略图(不必是中心),它将运行视频。http://www.andy-howard.com/recreate-bbc-iplayer/index.html

于 2013-09-12T21:50:07.707 回答