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});