如何更改 mediaelementjs 音频播放器容器的高度？

Question

我正在使用 WordPress 输出 mediaelementjs 音频播放器。音频播放器的mejs-container 被赋予height 30px 的内联样式。执行此操作的代码位于文件wp-includes/js/mediaelement/mediaelement-and-player.min.js 中。例如：

ioHeight:30

我尝试覆盖样式表中的高度，但这不起作用，因为内联样式优先。

我怎样才能改变这个高度？

Answer 1

创建媒体元素时，您可以使用选项audioHeight

  $('audio').mediaelementplayer({
    audioWidth: '100%',
    audioHeight: 30
  });

之后就可以使用下面的JS访问播放器了：

$('audio')[0].player

这将允许您使用该功能更改播放器的大小

$('audio')[0].player.setPlayerSize(width,height);

此函数将更改播放器的大小，但保持控件不变，因此您还需要使用该函数调整其大小：

$('audio')[0].player.setControlsSize();