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

【问题标题】：MediaElement.js Audio only player: How can I get it to display the player at a certain width?MediaElement.js 仅音频播放器：如何让它以一定宽度显示播放器？
【发布时间】：2011-04-27 14:38:51
【问题描述】：

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

如果重要的话，我将其用作 Wordpress 的 HTML5 媒体嵌入插件的一部分，但我手动使用音频标签，即调用 mediaelement.js。

【问题讨论】：

标签： parameters mediaelement.js

【解决方案1】：

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

会成功的！

【讨论】：

【解决方案2】：

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

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

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

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

这就是我解决它的方法。

【讨论】：

【解决方案3】：

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

【讨论】：