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!