videoJS的播放按钮怎么居中？

[kawaiiushio]

不理解他想表达什么

[emric]

http://gist.github.com/6789472

[scarlex]

木有用过videojs，单纯从css来看。
content 和 font-family 可以搜搜font icon的资料，简单来说就是利用字体来做icon。
line-height那个是用来垂直居中按钮里的字体，也就是icon（因为在font icon中icon也是字体），只要line-height等于button的高度，就是居中啦。

如果是整个按钮居中，我觉得 @emric 的写法是正确的 :smile:

[kawaiiushio]

@scarlex 1楼不是空白的吗？

[scarlex]

@kawaiiushio 你看不到？

.vjs-big-play-button {
left: 50% !important;
top: 50% !important;
margin-left: -2em;
margin-top: -1.3em;
}

[kawaiiushio]

@scarlex 真看不到 不过你的我看到了。。

[kawaiiushio]

@emric ↖(￣▽￣") 很神奇

[IShinji]

认真看文档有个样式是 vjs-big-play-centered

[kawaiiushio]

@IShinji less里面我看到了~

[huage]

<video id="example_video_1" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="none" poster="videojs/oceans.png" src="videojs/oceans.mp4" data-setup="{}">
<source src="videojs/oceans.mp4" type="video/mp4">
</video>

增加 vjs-big-play-centered

[protobuf]

@huage 为晚来的同学们指出，9 楼为正解！在 class 中增加：vjs-big-play-centered