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核心文件更好。