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