mediaelement.js - 如何改变宽度

Question

我试图找出控制 mediaelement.js 音频播放器宽度的众多标签中的哪一个，但似乎无法解决。

我假设它是需要编辑的标签的组合？

我从mediaelemenjs.com 下载了播放器，它的 CSS 很大。

<div class="fluid player">
   <audio id="player2" src="http://www.newlifedeewhy.com/media/school/2014/20140526-School-EpiLimiñana.mp3" type="audio/mp3" controls></audio>
   <script>$('audio,video').mediaelementplayer();</script>
</div>

这里是JS Fiddle 用于演示。

Answer 1

您可以在API list找到该选项

// if the <video width> is not specified, this is the default
defaultVideoWidth: 480,
// if the <video height> is not specified, this is the default
defaultVideoHeight: 270,
// if set, overrides <video width>
videoWidth: -1,
// if set, overrides <video height>
videoHeight: -1,
// width of audio player
audioWidth: 400,
// height of audio player
audioHeight: 30,

例如：

$('audio,video').mediaelementplayer({audioWidth: 600});