Reputation: 1
Hi any help would be greatly appreciated I've tried a bunch of z-index and wmode fixes. No luck so far.
On my site www.GeocachersNYC.com
I have a Tumblr feed on the left that has embedded Youtube videos. On the right icons that launch youtube videos that play in Shadowbox. This has always worked fine but after upgrading to CS5 Dreamweaver and uploading the site the embedded videos in the feed appear over the Shadowbox. Seems to be a problem only in Google Chrome, looks fine in Firefox and Internet Explorer.
If you need me to provide any code just let me know.
Upvotes: 0
Views: 1368
Reputation: 33
Add a wmode=transparent attribute to the end of your embed code:
<iframe src="http://www.youtube.com/embed/gfG2hdGiTqs?rel=0&modestbranding=1&wmode=transparent" frameborder="0" width="525" height="297"></iframe>
Here is a document that explains it more in depth: http://www.electrictoolbox.com/float-div-youtube-iframe/
Upvotes: 2