video.js：強制控制欄淡出

Question

我遵循了一些示例，併爲我的頁面上的播放器實現了一個停止按鈕。當我按'停止'時，我想要海報圖像顯示，我使用css和.show()完成。

唯一的問題是控制欄仍然可見。

如何強制控制條到fadeOut類似於播放視頻時和用戶沒有移動鼠標時使用.fadeOut()？

問題是，如果我使用​​，我需要將css的display屬性再次設置爲visible，否則我無法再播放視頻，因爲控制欄不可見。

Answer 1

嘗試

.vjs-user-inactive { 
    cursor: none; 
} 

or 

.vjs-default-skin.vjs-user-inactive .vjs-control-bar { 
    display: block; 
    visibility: hidden; 
    opacity: 0; 

    -webkit-transition: visibility 1.5s, opacity 1.5s; 
    -moz-transition: visibility 1.5s, opacity 1.5s; 
     -ms-transition: visibility 1.5s, opacity 1.5s; 
     -o-transition: visibility 1.5s, opacity 1.5s; 
      transition: visibility 1.5s, opacity 1.5s;