MediaElement.js仅音频播放器：如何让它以一定的宽度显示播放器？

Question

例如，我使用带有src设置的标签，它可以正常播放。但是，mediaelement会创建一个设置为400x×30px的容器。如果我用这个没有效果。

如果重要的话我使用它作为Wordpress的HTML5 Media嵌入插件的一部分，但我手动使用音频标签，并且调用了mediaelement.js。

Answer 1

$('audio').mediaelementplayer({
    audioWidth: 500,
    audioHeight: 500
});

会做到这一点！

Answer 2

我在使用媒体元素时遇到了同样的问题。但是，如果您需要音频播放器大于30px（看起来像这样），那么您只需设置一个最小高度。

.mejs-container { min-height: 80px }

如果您需要更小，请使用最大高度。

.mejs-container { max-height: 20px }

这就是我如何解决它。

Answer 3

我不确定wordpress插件的工作原理，但您可以在初始化时在mediaelement选项中设置音频宽度/高度。请参阅mediaelementjs网站上的播放器选项