Posted on

Responsive audio Embed

Now that WordPress 3.6 is coming closer and closer with new shiny post format and audio Embed support, it’s time the test things as much as we can.

But I’d like to see audio embed responsive in the same way as twitter embed. The basic idea is the same.

.entry-content .wp-audio-shortcode {
	max-width: 100% !important;
}

But in some screen resolutions volume control gets “pushed down”.

That's not cool, is it.
That’s not cool, is it.

I have tried little tricks but couldn’t solve this problem without overwriting too much. This almost worked but still not in all screen sizes.

.entry-media .mejs-controls div.mejs-horizontal-volume-slider,
.entry-content .mejs-controls div.mejs-horizontal-volume-slider {
	width: 58px;
}

Any idea how to fix this?