我正在使用标准的[音频]简码来嵌入内置的mediaelement音频播放器。我已覆盖样式表,以便可以自定义样式表,如here所述。我已经隐藏了音量滑块并更改了背景色。这是我到目前为止的内容:
现在,我想使播放器更薄。我想更改mejs-container
的高度,但是有些内联样式阻止了我在CSS中覆盖高度:
<div id="mep_2"
class="mejs-container mejs-container-keyboard-inactive wp-audio-shortcode mejs-audio mejs-hide-cues"
tabindex="0" role="application" aria-label="Audio Player"
style="width: 322.4375px; height: 40px; min-width: 245px;">
我相信,在实例化播放器时,可以提供自定义高度,如下所示:
$('#audio-player').mediaelementplayer({
alwaysShowControls: true,
features: ['playpause','progress','volume'],
audioVolume: 'horizontal',
audioWidth: 450,
audioHeight: 70,
iPadUseNativeControls: true,
iPhoneUseNativeControls: true,
AndroidUseNativeControls: true
});
我需要知道的是,将播放器实例化的WordPress代码在哪里,以及如何覆盖此代码以提供自己的自定义高度?
这个问题已经被提出here,但是可以接受的答案是一种hack,可以在脚本被渲染后重新调整脚本中播放器的大小。我想要一个更好的解决方案,使播放器更轻巧。