我在http://www.videojs.com/上找到了设计器页面,您可以将开始按钮的位置更改为位于剪辑的中间。
但我无法在 video.js 播放器上放置或使用此样式表。有人可以解释如何在播放器中使用它。EG 用一个额外的文件扩展现有的 css?或者如何更改现有的css以将按钮不在左上角而是在中间?
谢谢。卡塔松
我在http://www.videojs.com/上找到了设计器页面,您可以将开始按钮的位置更改为位于剪辑的中间。
但我无法在 video.js 播放器上放置或使用此样式表。有人可以解释如何在播放器中使用它。EG 用一个额外的文件扩展现有的 css?或者如何更改现有的css以将按钮不在左上角而是在中间?
谢谢。卡塔松
您可以将“ 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>
使用 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 上
我已经修改了一个 videojs 版本,您可以在其中将播放按钮放置在任何地方。这也意味着无论如何都可以在 IOS 设备上触摸缩略图(不必是中心),它将运行视频。http://www.andy-howard.com/recreate-bbc-iplayer/index.html