mediaelement.js：放置視頻下的控件

Question

mediaelement.js的簡單實現 - 因爲我是一個簡單的人。

我想將控件放置在視頻下面，而不僅僅放在視頻的底部。據我所知，處理控件的唯一參數是alwaysShowControls：true/false。

有沒有辦法將&以外的控件放置在視頻下方？

感謝，

Answer 1

我設法用CSS來做到這一點，通過創建媒體元素容器下面的一些空間，並推動控件（已經有position:abdolute）進入該空間。你需要知道你的控制欄的高度來做到這一點。例如，如果它的高度爲30px：

.mejs-container { 
    /* Create some space below the player for the controls to move into. */ 
    margin-bottom: 30px; 
} 

.mejs-container .mejs-controls { 
    /* Move the controls into the space below the player. */ 
    bottom: -30px; 
}