Video.js與一個小球員和控制線破

Question

只是想在這裏製作一個較小的球員窗口。只是想知道什麼樣的事情，我應該惹使玩家顯示控件的一個較小的版本，如果窗口的壓扁這樣的：

也許控件的一個簡化版本？小嗎？

Answer 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> 

然後restyle控件適合。例如，您可以刪除時間並調整大播放按鈕的大小：

.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; 
}