4 / 4
Oct 2011

I have added the standard embedding for a youtube video to my web site www.speakmoreclearly.com/britishaccent1



This works and looks great. The problem is that the e-junkie shopping cart pops up underneath the youtube video, even when the video is not playing. This looks like a laying or z-order issue. When I scroll the page, the cart remains were it is and the vidoes move over the top of it.



Can you please have a look at the issue on my site. Not a major issue but annoying.



1http://www.speakmoreclearly.com/britishaccent1

  • created

    Feb '11
  • last reply

    Oct '11
  • 3

    replies

  • 1.1k

    views

  • 3

    users

  • 5

    links

The trouble is that Flash content, such as YouTube videos, always shows up "on top" of anything else on a page, unless you can set the Flash content as "transparent", allowing page content to "show through" it:

http://www.e-junkie.com/ej/help.flash-shopping-cart.htm



I think using the "Use old embed code" option from YouTube would allow you to add the necessary <param name="wmode" value="transparent" /> tag, like so:



<object width="640" height="390">

<param name="wmode" value="transparent" />

<param name="movie" value="http://www.youtube.com/v/Mu5-50VCgAQ?fs=1&hl=en1US"></param>

<param name="allowFullScreen" value="true"></param>

<param name="allowscriptaccess" value="always"></param>

<embed src="http://www.youtube.com/v/Mu5-50VCgAQ?fs=1&hl=en1US" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="390">

</embed>

</object>

8 months later

I was unable to reproduce any problem on that page; the cart appears in front of the embedded video for me in all browsers tested.



If you're still seeing the problem, you may need to force-refresh the page in your browser to be sure it's loading a fresh copy of the page and everything on it direct from the server, rather than showing you a cached copy from a prior visit. Hold the Ctrl key (on PC) or Shift key (on Mac) while you click the Reload/Refresh button (or just hitting Ctrl-F5 on a PC does the same thing).