views:

161

answers:

0

Hi,

I am using Youtube's JavaScript API to embed Youtube player into my site. The problem is that it appears on the top of all elements. I have read couple previous answers about setting "wmode" to "transparent" or "opaque", but it doesn't seem to work or it's either me doing something wrong, anyways here is my code:

var params = { allowScriptAccess: "always", allowFullScreen: "true", 
              wmode: "opaque"};
// The element id of the Flash embed
var atts = { id: "ytPlayer"};
// All of the magic handled by SWFObject (http://code.google.com/p/swfobject/)
swfobject.embedSWF("http://www.youtube.com/v/" + videoId + 
     "&enablejsapi=1&playerapiid=player1&fs=1","ytapiplayer", "480", "295", "8", 
      null, null, params, atts);

Note. I have tried to add 'wmode: "opaque"' to "atts" variable but it didn't do thing.

Maybe somebody has already stumbled to this problem, and has solution? Thanks!