Have E-junkie cart appear in front of a YouTube video embedded in your page
To have the cart appear in front of a YouTube video embedded in your page, you will need to set the video's wmode
parameter to transparent
, which will allow our cart overlay to "show through" the video. The method to do that depends on which version of the YouTube embed code you're using:
Newer iframe-based embed code
If you are using YouTube's latest iframe
embed code, just add ?wmode=transparent
to your video URL in the code, like so:
<iframe width="420" height="315" src="http://www.youtube.com/embed/XXXXXXXXXX?wmode=transparent" frameborder="0" allowfullscreen></iframe>
Older object-based embed code
If you have had a YouTube video embedded in your site for some time which uses their older embed code (resembling the example below), or if you obtain embed code from YouTube with the "Use old embed code" option, add <param value="transparent" name="wmode" />
after the OBJECT
tag and add a wmode="transparent"
attribute inside the EMBED
tag, like so:
<object width="420" height="315"><param name="wmode" value="transparent" /><param name="movie" value="http://www.youtube.com/v/XXXXXXXXXX?version=3&hl=en_US&rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/XXXXXXXXXX?version=3&hl=en_US&rel=0" type="application/x-shockwave-flash" width="420" height="315" allowscriptaccess="always" allowfullscreen="true" wmode="transparent"></embed></object>