CODEWITHSUNDEEP
google-chromeyoutubefancyboxoverlay
blade19899
blade19899

Reputation: 767

fancybox youtube overlay

Hy there i have a youtube link and a fancybox images on a page but when i open the images the youtube video doesn't go in the background. but instead it goes on top of the image here is what the code looks like

<a class="fancybox-button" rel="fancybox-button" href="http://xbmc.org/wp-content/gallery/aeon/aeon_home_watchmen.jpg" title="xbmc"><img alt="1" src="http://xbmc.org/wp-content/gallery/aeon/aeon_home_watchmen.jpg" width="105" height="75"/></a>



<iframe width="480" height="270"
  src="http://www.youtube.com/embed/v_AxZXmPRVQ">
</iframe>

also this only happens in Google Chrome

Upvotes: 2

Views: 2775

Answers (1)

JFK
JFK

Reputation: 41143

Set wmode to opaque of your youtube video like this:

<iframe src="http://www.youtube.com/embed/v_AxZXmPRVQ?wmode=opaque" width="480" height="270" ></iframe>

Upvotes: 4

Related Questions