When using CCK display formatter, 'mediaelement audio', there's an option to set a width. This doesn't seem to affect the actual html display output (I see no sizing code put inline). I haven't tested with video.

My fear is that, once this actually does work it will cause a theming problem. Generally, when height/width is hardcoded into the html for an element it makes it difficult to theme with CSS due to inline styles generally taking over. My recommendation (if this proves to be a problem) is the ability to enter zeros for width (or have a 'inherit width' checkbox) which puts no width info inline. Maybe inline styles aren't the intention here anyway, but just looking ahead at how this is supposed to work.

Comments

Rob_Feature’s picture

Title: CCK Formatting Player Width Not Working » Audio Player Sizing Not Working (CCK Formatter)

Ok, confirmed that it's just the audio player that's not working. Video elements are putting proper sizing info inline.

mfer’s picture

The height and width of the player (which is JS and CSS) is part of the library. Some of it is needed for the JS. There have been a bunch of recent updates to the library and I'll see if there is anything I can do. But, the dimensions may just need to be part of it.

Rob_Feature’s picture

I think you're focusing on the request for overriding via css...but the bug report is actually about the size that is entered in the UI not being inserted at all into the player. Sorry to confuse the issue...let me know if anyone else is actually seeing the size entered in the UI in the resulting audio player code.

brycesenz’s picture

subscribing.

infines’s picture

there must of been changes to height and width settings in the api again as they seem to not effecting the width of the progress bar too.

EDIT: I've narrowed this down to most likely changes within the views API.

pathscollide’s picture

Version: 7.x-1.0-beta3 » 7.x-1.2

This issue still appears to exist in the latest version of the module. No matter what dimensions I enter in the field display settings for my content type, the player displays at 300px x 30px. Any idea how to fix this?

flickerfly’s picture

Yep, continues in 7.x-1.2. Entering code into the UI (Manage Display area) and it has no effect.

Also, the check box to turn off the controls does not appear to have any effect on the player. Also, changing the text of the download link seems to be without results. This must have been a cache quirk. It's working now.

prabhakarsun’s picture

This CSS code worked for me.

.mejs-container .mejs-controls{
	overflow: hidden;
	max-height: 30px
}
.mejs-controls .mejs-button button{
	min-height: 16px;
}
jnettik’s picture

Issue summary: View changes
Status: Active » Closed (outdated)

Old ticket. Closing.