CODEWITHSUNDEEP
parametersmediaelement.js
Brenn
Brenn

Reputation: 211

MediaElement.js Audio only player: How can I get it to display the player at a certain width?

for instance, I use the tag with a src set and it plays fine. However, mediaelement creates a container that is set to 400x by 30px. If I use this has no effect.

If it matters I am using this as part of the HTML5 Media embed plugin for Wordpress, but I am using the audio tag manually and that is calling mediaelement.js.

Upvotes: 1

Views: 2328

Answers (3)

user3105985
user3105985

Reputation: 11

I had this same problem working with media element. However, if you need the audio player to be bigger than 30px, which it looks like you do, then you can just set a min-height.

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

If you need it smaller, do the same with a max-height.

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

This is how I got around it.

Upvotes: 1

Ernests Karlsons
Ernests Karlsons

Reputation: 2230

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

will do the trick!

Upvotes: 4

DamnSemicolon
DamnSemicolon

Reputation: 261

I'm not sure how the wordpress plugin works but you can set the audio width/height in the mediaelement options when you initialize it. See the player options at the mediaelementjs site

Upvotes: 0

Related Questions