videoJS的播放按钮怎么居中?

2013 年 10 月 2 日
 kawaiiushio


不理解他想表达什么
14844 次点击
所在节点    问与答
10 条回复
emric
2013 年 10 月 2 日
scarlex
2013 年 10 月 4 日
木有用过videojs,单纯从css来看。
content 和 font-family 可以搜搜font icon的资料,简单来说就是利用字体来做icon。
line-height那个是用来垂直居中按钮里的字体,也就是icon(因为在font icon中icon也是字体),只要line-height等于button的高度,就是居中啦。

如果是整个按钮居中,我觉得 @emric 的写法是正确的 :smile:
kawaiiushio
2013 年 10 月 4 日
@scarlex 1楼不是空白的吗?
scarlex
2013 年 10 月 4 日
@kawaiiushio 你看不到?

.vjs-big-play-button {
left: 50% !important;
top: 50% !important;
margin-left: -2em;
margin-top: -1.3em;
}
kawaiiushio
2013 年 10 月 4 日
@scarlex 真看不到 不过你的我看到了。。
kawaiiushio
2013 年 10 月 4 日
@emric ↖( ̄▽ ̄") 很神奇
IShinji
2014 年 4 月 4 日
认真看文档有个样式是 vjs-big-play-centered
kawaiiushio
2014 年 4 月 7 日
@IShinji less里面我看到了~
huage
2017 年 2 月 4 日
<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
2020 年 5 月 20 日
@huage 为晚来的同学们指出,9 楼为正解!在 class 中增加:vjs-big-play-centered

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://v2ex.ih06.com/t/84388

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX