Title: ME.js width=100%
Last modified: August 21, 2016

---

# ME.js width=100%

 *  [orionrush](https://wordpress.org/support/users/orionrush/)
 * (@orionrush)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/mejs-width100/)
 * Seems like a strange omission, but you can’t put percentage values into the audio
   player width, which then seem to be hard coded into the player dimensions. I’ve
   tried and found at least on webkit, the player breaks and defaults to the browser
   native.
 * Adding this bit of css seems to work – but I’ve not tested it extensively
 *     ```
       .mejs-container.mejs-audio,
       .mejs-poster.mejs-layer{ width: 100%!important; }
       ```
   
 * [http://wordpress.org/extend/plugins/media-element-html5-video-and-audio-player/](http://wordpress.org/extend/plugins/media-element-html5-video-and-audio-player/)

Viewing 1 replies (of 1 total)

 *  [bladefinor](https://wordpress.org/support/users/bladefinor/)
 * (@bladefinor)
 * [12 years, 8 months ago](https://wordpress.org/support/topic/mejs-width100/#post-3919265)
 * Putting this in your CSS somewhere should fix it:
 *     ```
       .mejs-container {
       	height: 0 !important;
       	padding-bottom: 56.25%; /* 16:9 */
       	position: relative;
       }
       .mejs-overlay.mejs-layer { height: 100% !important; }
       ```
   

Viewing 1 replies (of 1 total)

The topic ‘ME.js width=100%’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/media-element-html5-video-and-audio-
   player.svg)
 * [MediaElement.js - HTML5 Video & Audio Player](https://wordpress.org/plugins/media-element-html5-video-and-audio-player/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/media-element-html5-video-and-audio-player/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/media-element-html5-video-and-audio-player/)
 * [Active Topics](https://wordpress.org/support/plugin/media-element-html5-video-and-audio-player/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/media-element-html5-video-and-audio-player/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/media-element-html5-video-and-audio-player/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [bladefinor](https://wordpress.org/support/users/bladefinor/)
 * Last activity: [12 years, 8 months ago](https://wordpress.org/support/topic/mejs-width100/#post-3919265)
 * Status: not resolved