so.addParam('wmode', 'opaque') not working
I'm trying to embed a video while keeping the background visible. The video contains some animated characters that do stuff on a black background. I've tried making it transparent using so.addParam('wmode', 'opaque'), but that didn't work. Is it necessary to tell the player to make all black pixels transparent? If so, how can I do it?
Here my code:
---
<html>
<head>
</head>
<body>
<table>
<tr><td background="aerobics.jpg">
<script type="text/javascript" src="bin/swfobject.js"></script>
<div id="video" style="padding: 0px; margin: 0px"></div>
<script type="text/javascript">
var so = new SWFObject('bin/mediaplayer.swf','player','620','380','8');
so.addParam("allowfullscreen","false");
so.addParam("allowscriptaccess","always");
so.addParam("bgcolor","#000000");
so.addVariable('file','../aerobics_620high.flv');
so.addVariable('image','../aerobics.jpg');
so.addVariable('linkfromdisplay','true');
so.addVariable('callback','urchin');
so.addVariable('autoscroll','false');
so.addVariable('lightcolor','0xfafafa');
so.addVariable('backcolor','0x000000');
so.addVariable('frontcolor','0xfafafa');
so.addVariable('shownavigation','false');
so.addVariable('autostart', 'true');
so.addParam('wmode', 'opaque');
so.write('video');
</script>
</td></tr>
</table>
</body>
</html>
---
Thanks in advance!