WordPress.org

Ready to get started?Download WordPress

Forums

Embedding media issues (5 posts)

  1. eboe3010
    Member
    Posted 2 years ago #

    Hi all,

    Some of my embedded media (YouTube, old style SoundCloud, BandCamp etc...) are ignoring their "width" parameters and overlapping the my post's thumbnail pictures, both in blog view and in the post itself.

    Please see the links:

    Blog view:
    http://www.makorecords.co.uk/reviews/pending/

    Post view:
    http://www.makorecords.co.uk/the-rubbish-zoo-the-rubbish-zoo-ep-ep/

    As you can see it's only effect the posts with certain types of media in them, (the new version of SoundCloud media isn't effected), however all the embedded media on my site is inserted at the exact measurements to fit between the thumbnail and sidebar. I have turned off "Auto-embeds" but still nothing.

    My site has been working fine until recently, I've tried reverting it back to a trusted backup version but it makes no difference. I have removed my child theme, reinstalled wordpress, everything I can think of but no success :(

    Any ideas?

    Could it be something to do with the z-index for the thumbnail maybe?

  2. jnhghy
    Member
    Posted 2 years ago #

    Hi,
    Google inspect reports an issue in http://www.makorecords.co.uk/the-rubbish-zoo-the-rubbish-zoo-ep-ep/ at line 105:

    Viewport argument value "device-width;" for key "width" not recognized. Content ignored.

    an I saw that you had that in the file:
    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
    so
    width=device-width;
    is at least one break point
    Regards

  3. eboe3010
    Member
    Posted 2 years ago #

    Thanks jnhghy,

    Do you know how I can correct this?

  4. eboe3010
    Member
    Posted 2 years ago #

    Ok I fixed the bug mentioned above. (Apparently it should have commas instead of colons):

    '<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable = 0" />';

    I still have the embedding media size issues thought. The "viewport" meta name is for controlling ios playback. Should this affect the embedding size in desktop browsers like Chrome and Firefox?

  5. eboe3010
    Member
    Posted 2 years ago #

    Found a fix.

    .fluid-width-video-wrapper was causing the embedded media to resize so I added it to the bottom of my child theme css file and customised the properties.

    Not ideal but it works.

Topic Closed

This topic has been closed to new replies.

About this Topic