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