刪除Big play按鈕並顯示底部播放菜單

是否有任何可能在開始時刪除中間播放按鈕（是的，我知道我可以刪除css類），而是顯示底部播放欄？刪除Big play按鈕並顯示底部播放菜單

基本上我想實現的是顯示視頻（帶有海報圖像）和播放菜單，當我用視頻輸入頁面時就已經顯示出來。

在此先感謝！

更新：

我做了安德魯說，現在它幾乎工作。現在酒吧在那裏，但不幸的是在播放控制欄上方有一個空白區域。當我按播放海報圖像變化到實際電影和空的空間充滿了視頻，但是當它顯示海報時，它並不能完全填滿。爲什麼是這樣？

下面是一張說明問題： enter image description here

2013-07-17 Triphys

爲什麼不能在CSS一舉兩得？只需在css底部添加以下幾行即可。

關閉大播放按鈕：

.vjs-default-skin.vjs-paused .vjs-big-play-button 
{ 
display: none; 
}

，然後打開菜單：

.vjs-default-skin.vjs-paused .vjs-control-bar 
{ 
display: block; 
}

2013-07-17 15:31:14

這就是我會這樣做。有一位新的皮膚設計師，你可以更輕鬆地玩CSS。 http://designer.videojs.com – heff

謝謝，我試過了，它的工作原理！但是現在我得到了一個海報問題。我用這個問題和一個屏幕截圖更新了我的初始文章。 – Triphys

我解決了這個問題，我有另一個類誰與我現在刪除玩家的干擾。

感謝您的幫助！它現在很好用！

2013-07-18 13:32:45 Triphys

你好，你有你需要的一切嗎？請確認:) –

是的！現在一切正常，非常感謝你:) – Triphys

這是我在JW球員什麼工作的人可能一直在尋找這個問題的答案：

#PlayVid_display_button_play {display:none!important;} #PlayVid_display_button {background:none!important;}

2014-10-02 21:02:41

要打開菜單上使用柔性的，而不是塊，所以它不會打破控制酒吧成片：

.vjs-default-skin.vjs-paused .vjs-control-bar 
{ 
    display: flex; 
}

2016-10-26 06:01:16 David

接受的答案不適合我，我懷疑我的video.js版本是新的。對於更新的答案是video.js 5.16當前：

.video-js .vjs-big-play-button { 
    display: none; 
} 
.video-js .vjs-control-bar { 
    display: flex; 
}

2017-02-14 03:47:44 jabs

回答