播放器下方的mediaelement音频播放器音量滑块

Question

我正在尝试将我的主题转换为WordPress版本3.6中的新媒体元素音频播放器。

css在响应模式下中断，音量滑动条显示在播放器的外部和下方。当您更改屏幕大小时，音量滑块会重复弹出位置并重复位置，建议在插件中计算并返回宽度问题。

Answer 1

对于jQuery我是新手，但这似乎是修复...

替换：b = this.controls.width（） - a - （c.outerWidth（true） - c.width（））

with：b = this.controls.width（） - a - （c.outerWidth（true） - c.width（）） - 1

这样做总是强制.mejs-time-rail宽度比计算的小1 px，所以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核心文件更能解决问题。