Support » Fixing WordPress » Embedding media issues

  • 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:

    Post view:

    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?

Viewing 4 replies - 1 through 4 (of 4 total)
  • Hi,
    Google inspect reports an issue in 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;" />
    is at least one break point

    Thanks jnhghy,

    Do you know how I can correct this?

    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?

    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.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Embedding media issues’ is closed to new replies.