Embedded iframe video hides other content in Chrome after load



Tried usual guidance for this - adding transparent/opaque to end of YouTube URL but no result. Tried adding jquery to add this globally, no joy.

At last I found I'd added position: fixed; to the css content style. Removed this and all is ok again.


I'm not sure if something has gone wrong with the site or Google/Vimeo/Youtube have changed something in the way they serve videos.

Previously I embedded video into a site using an iframe:
<p><iframe src="http://www.youtube.com/embed/Z5DMaMOHsO0?rel=0" frameborder="0" width="390" height="220"> </iframe></p>

Worked OK in Safari, Chrome and Explorer.

In the last few days Youtube videos have started hiding other content on the page - its still there but becomes hidden once the page and video has fully loaded.

See test page:http://www.willslanegallery.co.uk/index.php?cID=236...

Vimeo is slightly different - the page renders OK but when you mouseover a vimeo embedded video only then other page content becomes hidden.

I've tried the old embed code but this doesn't (and never has) shown on the site, plus I do want it to be available to mobile users.

Any help? Would be most appreciated.

Best wishes, Geoff

View Replies: