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:
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 🙁
Could it be something to do with the z-index for the thumbnail maybe?
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;" />
is at least one break point
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?
- The topic ‘Embedding media issues’ is closed to new replies.