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

Question

我正在尝试将我的主题转换为 WordPress 3.6 版中的新 mediaelement 音频播放器。

css 在响应模式下中断，音量滑动条显示在播放器的外部和下方。当您更改屏幕尺寸时，音量滑块会反复弹出到位和偏离位置，这表明插件中存在计算和返回的宽度问题。

Answer 1

当谈到 jQuery 时，我是一个新手，但这似乎是解决方法......

替换： b = this.controls.width() - a - (c.outerWidth(true) - c.width())

与： b = this.controls.width() - a - (c.outerWidth(true) - c.width())-1

这样做总是强制 .mejs-time-rail 宽度比计算值小 1 px，因此 css 永远不会被破坏。

Answer 2

我通过添加新样式表来覆盖它显示的默认方式来做到这一点。

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

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

这比覆盖任何 wordpress 核心文件更好地解决了它。

Answer 3

一个不优雅的 CSS 修复是通过将它添加到子主题的 style.css 来使容器更宽一些

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

}

升级 WordPress 时不会被覆盖