[Plugin: MediaElement.js – HTML5 Video & Audio Player] Responsive – soon?

I agree with rawdolphe.

I found this usage here and I am trying to sort the code to see how they did it.

Thanks for the link kcharity, that looks really good!

I think John must be on holiday, probably in some tropical islands!

Could be rawdolphe…We all have lives and I am sure his is just as busy as ours. ??

I also found this on the github site for the JS mediaelement github – responsive Now how to add the (style=”width: 100%; height: 100%;) to the shortcode is the question.

Yea, I saw that — did you try to download the package here and test it: https://github.com/johndyer/mediaelement/downloads ??

I haven’t had a chance yet, but if you do so, please report back.

I’m looking for an answer to this also.

It seems that a lot of people are looking for <massive_h1>THE</massive_h1> answer…

Could it be that John John John !!! has been kidnapped?

I’ve got what appears to be a fix. I’ve added the following style override to my theme’s style.css:

.mejs-audio {
    width:100% !important;
}

I’ve only tested with with Chrome and Safari, and depending on the player width, the volume bar tends to wrap down to a new line. If anyone has a fix for that, I’d love to hear it!

I found that setting the height/width as 100% resizes it to the size of the container. It worked for me across various devices.

Internet Explorer 9 however interprets it as 100px so I have gone to setting it like this [video width="584px 100%" height="327px 100%"]

Thanks icmcnamara for your solution – it worked for me, except I’m having the same issue you mentioned where the volum bar sometimes wraps down to the next line, depending on the size of the browser window… does anyone have a solution to this?

Thanks in advance!

I think a solution I just found is in css to add

max-width: 400px !important;

(or any other width you want) to the code above. This seemed to work for me.