【问题标题】:Wordpress 3.6: Mediaelement (audio) hide elementsWordpress 3.6:Mediaelement(音频)隐藏元素
【发布时间】:2013-11-01 13:33:18
【问题描述】:

有了 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;
}

..隐藏除播放和暂停按钮之外的所有内容。此外,我尝试在播放器的右/左添加一些短文本,但 atm 未显示。

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

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

【问题讨论】:

    标签: css wordpress


    【解决方案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
    

    【讨论】:

    • 嗯,这几乎与原始代码具有相同的效果,但文本仍然不可见:?
    • @Duboe 为什么不将文本移到音频标签之外?
    • 好吧,是的,我测试了问题 atm 是播放器宽度仍处于 100% 并且文本移动到下面的行。里面只是一个测试:/
    猜你喜欢
    • 2019-05-12
    • 2015-10-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-11-18
    • 2021-10-31
    • 1970-01-01
    相关资源
    最近更新 更多