更改Wordpress默认音频播放器的高度

时间:2018-07-27 00:05:08

标签: wordpress mediaelement

我正在使用标准的[音频]简码来嵌入内置的mediaelement音频播放器。我已覆盖样式表,以便可以自定义样式表,如here所述。我已经隐藏了音量滑块并更改了背景色。这是我到目前为止的内容:

enter image description 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,可以在脚本被渲染后重新调整脚本中播放器的大小。我想要一个更好的解决方案,使播放器更轻巧。

0 个答案:

没有答案