WordPress.org

Ready to get started?Download WordPress

Forums

MediaElement.js - HTML5 Video & Audio Player
Responsive - soon? (11 posts)

  1. rawdolphe
    Member
    Posted 1 year ago #

    John,

    On behalf of the WordPress community -- we would greatly appreciate it if you could make the player responsive.

    Some extra / basic, smaller minimalist skin options would be greatly appreciated as well.

    Another great feature would be to allow users to set the various options globally, in the settings page.

    We hope you are well.

    Thank you,
    Have a great Sunday

    http://wordpress.org/extend/plugins/media-element-html5-video-and-audio-player/

  2. designerken
    Member
    Posted 1 year ago #

    I agree with rawdolphe.

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

  3. rawdolphe
    Member
    Posted 1 year ago #

    Thanks for the link kcharity, that looks really good!

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

  4. designerken
    Member
    Posted 1 year ago #

    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.

  5. rawdolphe
    Member
    Posted 1 year ago #

    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.

  6. trishahdee
    Member
    Posted 1 year ago #

    I'm looking for an answer to this also.

  7. rawdolphe
    Member
    Posted 1 year ago #

    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?

  8. icmcnamara
    Member
    Posted 1 year ago #

    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!

  9. mediaedge
    Member
    Posted 1 year ago #

    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%"]

  10. Ursula (aka WP Gal)
    Member
    Posted 1 year ago #

    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!

  11. Tufloss
    Member
    Posted 1 year ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.