如何更改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();