mediaelement音頻播放器音量滑塊在播放器下面

Question

我試圖將我的主題轉換爲WordPress版本3.6中的新mediaelement音頻播放器。

css正在進入響應模式，音量滑動條顯示在播放器的外部和下面。當您更改屏幕大小時，音量滑塊會反覆彈出到位並脫離位置，從而在插件中提示計算並返回的寬度問題。

Answer 1

我是個新手，當涉及到jQuery的，但是這似乎是修復...

替換爲：B = this.controls.width（） - 一 - （c.outerWidth（真） - c.width（））

有：b = this.controls.width（） - 一 - （c.outerWidth（真） - c.width（）） - 1

這樣做是永遠的力量.mejs-time-rail的寬度比計算的小1px，這樣css永遠不會被破壞。

Answer 2

一個不雅的CSS的解決方法是通過增加這個孩子主題的style.css中

.mejs-container { 
width: 101% !important; 

}

這使容器稍寬時，WordPress的升級

不會被覆蓋

Answer 3

我這樣做是通過添加新的樣式表來覆蓋它顯示的默認方式。

// Hides any ugly overflow 
.wp-audio-shortcode { 
    overflow: hidden; 
} 

// Give ample room to the controls 
.wp-audio-shortcode .mejs-controls { 
    width: 101% !important; 
} 

這比解決它比覆蓋任何wordpress核心文件更好。