试图在这里制作一个较小的玩家窗口。只是想知道我应该搞什么样的东西让玩家显示一个较小版本的控件,如果窗口像这样压扁:
可能是减少版本的控件?小吗?
答案 0 :(得分:1)
可以使用CSS自定义控件。你可以为小玩家添加另一个类,例如在这里我使用了small-player
:
<video id="my_video_1" class="video-js vjs-default-skin small-player" controls
preload="auto" width="90" height="200" poster="my_video_poster.png"
data-setup="{}">
<source src="my_video.mp4" type='video/mp4'>
<source src="my_video.webm" type='video/webm'>
</video>
然后重新设置控件以适应。例如,您可以删除时间并调整大播放按钮的大小:
.small-player .vjs-time-controls, .small-player .vjs-time-divider {
display:none;
}
.small-player .vjs-big-play-button {
width: 4em;
height: 4em;
}
.small-player .vjs-big-play-button:before {
font-size:2em;
line-height:2;
}