我正在尝试将我的主题转换为WordPress版本3.6中的新媒体元素音频播放器。
css在响应模式下中断,音量滑动条显示在播放器的外部和下方。当您更改屏幕大小时,音量滑块会重复弹出位置并重复位置,建议在插件中计算并返回宽度问题。
谈到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永远不会被打破。
一个不优雅的CSS修复方法是通过将容器添加到子主题的style.css来使容器更宽一些
.mejs-container {
width: 101% !important;
}
升级WordPress时不会覆盖此项
我这样做是通过添加新样式表来覆盖它显示的默认方式。
// Hides any ugly overflow
.wp-audio-shortcode {
overflow: hidden;
}
// Give ample room to the controls
.wp-audio-shortcode .mejs-controls {
width: 101% !important;
}
这解决了它比覆盖任何wordpress核心文件更好。