Menu
Contact Us

E-junkie Guide

Tips and tools for beginners and experts alike.

  • E-junkie Help
  • 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>

Was this article helpful?
Yes, thanks!
Not really

Can't find what you're looking for?

Contact Us