css - WordPress 3.6 : Mediaelement (audio) hide elements

Question

有了 mediaelement.js，wordpress 现在有了一个本地音频/视频播放器。问题是自定义，我不想更改核心 mediaelement.css。

标准主题看起来有点像 this .

这个页面已经展示了如何修改一些设置。我稍微改变了那些..

.mejs-time-rail, 
.mejs-time-total,
.mejs-currenttime,
.mejs-duration, 
.mejs-volume-button, 
.mejs-horizontal-volume-slider,
{
    display: none !important;
}

.mejs-container {
    width: 26px !important;
}

..隐藏播放和暂停按钮以外的所有内容。此外，我尝试向未显示的播放器右/左添加一些短文本。

[audio mp3="audio_path"]I am a very important message[/audio]

上面的代码隐藏了除播放按钮之外的所有控件，缩小了宽度但文本不可见。有什么想法吗？

Answer 1

要隐藏除播放和暂停按钮之外的所有内容，请尝试:

CSS

.mejs-time,
.mejs-time-rail,
.mejs-volume-button,
.mejs-mute,
.mejs-horizontal-volume-slider {
    display: none !important;
}
.mejs-container {
    width: 26px !important;
}

因为 26px 可能文本显示不正确。将它移到外面可能对您有用。

[audio mp3="audio_path"][/audio] I am a very important message