WordPress.org

Ready to get started?Download WordPress

Forums

mb.YTPlayer for background videos
[resolved] Background video not centered (9 posts)

  1. Alan Massimiliano Schiaretti
    Member
    Posted 1 year ago #

    Hi! I'm writing once again about this issue that's still there even after the update to version 1.3 of the plugin. The video background is not centered to the browser window anymore: there is a margin on the right side and the video left limit is set beyond the left side of the window... The negative offset and the margin on the right vary in an unpredictable way depending on the browser window size. I've tried with several browsers on several platforms but the problem remains the same. These are 2 screenshots, one with Twenty Eleven theme and the other with a child theme for Twenty Twelve.

    Thanks for the support and the great plugin!

    http://wordpress.org/extend/plugins/wpmbytplayer/

  2. pupunzi
    Member
    Plugin Author

    Posted 1 year ago #

    That doesn't happen to me.
    Is your site reachable from a public url?
    I would like to inspect the DOM of the page to understand why it happens to you.
    Is there something in your CSS that affects the BODY of the page?

    You could try changing line: 164 of the query.mb.YTPlayer.js file

    from:
    YTPlayer.opt.containment.prepend(wrapper);
    to:
    YTPlayer.opt.containment.before(wrapper);

    And tell me if that solve the problem. If that I'll update the plugin with this change.

    Bye,
    Matteo

  3. maskboss4
    Member
    Posted 1 year ago #

    hi! i'm posting here because i have the same issue!

    i think this only happened on the newest update... before it was ok, with the same vids. i'm using Twenty Eleven child theme. I tried your suggestion, it did nothing...

    my screenshot --> HERE

    Thanks for this awesome plugin!!!

    Hope you can help me...

  4. pupunzi
    Member
    Plugin Author

    Posted 1 year ago #

    It would be really useful to see and inspect the page to understand why it's happening as I'm not able to repeat this issue.
    Do you have a URL where I can see the site?

  5. pupunzi
    Member
    Plugin Author

    Posted 1 year ago #

    Ok, I found out why on the Twenty eleven theme the video is not centered.

    In the theme css file (style.css) the iframe tag has a class that force its width to a max of 100% :

    embed, iframe, object {
    max-width: 100%;
    }

    If you remove this class it will work fine:

    embed, object {
    max-width: 100%;
    }

    Bye,
    Matteo

  6. pupunzi
    Member
    Plugin Author

    Posted 1 year ago #

    Just updated to v. 1.4 with the fix for this CSS issue on certain WP themes.

  7. maskboss4
    Member
    Posted 1 year ago #

    sorry i wasn't here. i tried to locate the problem but couldn't find it... not that good with css.

    i'm goin to try the new update, i'll post some feedback soon.

    thanks in advance!

  8. maskboss4
    Member
    Posted 1 year ago #

    well! it fixed the major problem!! thank you so much.
    but... there's still a small one.

    the video size is great, as it should be.

    now it makes my webpage a little wider, and creates a bottom scroll bar.
    when i deactivate the plugin, it's ok.

    can you see what's wrong?
    here is a link if you want to see:
    http://www.caelumsedge.com
    thanks once again!

  9. maskboss4
    Member
    Posted 1 year ago #

    hey! i solved the problem!
    just want to let you know.

    on my theme child .css i added:

    body, input, textarea {
    min-width: 0!important;
    }

    if you can fix this "inside" your plugin, better!
    thanks anyways!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic