how to set player to wmode="transparent ?

It's very easy... look at this =D

<script type="text/javascript" src="../../../../swfobject.js"></script>

<div id="player">This text will be replaced</div>

<script type="text/javascript">
var so = new SWFObject('../../../../player.swf','mpl','680','430','9');
so.addParam('allowscriptaccess','always');
so.addParam('allowfullscreen','true');
so.addParam('wmode', 'transparent','true');
so.addParam('flashvars','&file=http://video.com/video.mp4&backcolor=000066&frontcolor=FFFFFF&lightcolor=FFFFFF&controlbar=over&stre...');
so.write('player');
</script>

Ok smith... ive been looking for this solution for hours and hours. And there you have it just so easy!!! Your a god were we are mear mortals!

Thanks so much!!! Been searching for this for 45 min. now! Fixed my slideshow with a wmode="opaque" param. so instead of 'transparent' it says 'opaque'. using highslide js with a flash player driven by xml, javascript, and css. Whew!!!

For those of you that have a dhtml menu on your website that is being hidden by the WMV player, here's how to fix it:

In the file "silverlight.js", search for the line

htmlBuilder.push('<\/object>');

Replace it with

htmlBuilder.push('<param name="background" value="transparent" /><param name
="windowless" value="true" /><\/object>');

Cheers!

Addendum: for this to work in IE, you also need to search in the file "wmvplayer.js" for the line

windowless:'false',

and change it to

windowless:'true',

How to do it if you're using it within a js like this

jwplayer("container").setup({

wmode : "transparent,true",
}

I've tried wmode : "transparent", it's not working. nor is that example above.

@me - That should work. Make sure you are using 5.4.

Demo - http://developer.longtailvideo.com/player/trunk/fl5/js/test/examples/wmode.html

I'm trying that but it's not working.

<script type="text/javascript">
jwplayer("mediaspace").setup({
flashplayer: "xxx",
wmode: "transparent",
image: "imag.jpg",
file: "video.flv",
skin: "myskin.zip",
height: "560",
width: "320",
'logo.file': "<?php echo $flashPlayerLogo; ?>",
'logo.position': "<?php echo $flashPlayerLogoPosition; ?>",
'logo.hide': "<?php echo $flashPlayerLogoHide; ?>",

allowfullscreen: true,
allowscriptaccess: "always",
id: "videoplayer_main",

});
</script>

I also tried :

wmode : "transparent,true",
but no luck. I'm using 5.4

1) Can you provide a link?

2) View the source of this example - http://developer.longtailvideo.com/player/trunk/fl5/js/test/examples/wmode.html

It may be the admin menu in Drupal that is causing it, but that dropdown menu is going behind the flash player. But my main site menu is appearing on top of it.
How do you determin which vars have to be in quotes? And which are vars and which are params?
Here is my code:

<script type="text/javascript">
jwplayer("mediaspace").setup({
flashplayer: "/sites/all/libraries/mediaplayer-5.4-licensed/player.swf",
'wmode': "transparent",
image: "/sites/site.com/files/imagecache/video_large_600x350/video_thumbs/moto-bkg.jpg",
file: "http://new.site.com//sites/site.com/files/video/Piper 1-20.flv",
duration: "79.882",
skin: "/sites/all/libraries/mediaplayer-5.4-licensed/skins/glow.zip",
height: 382,
width: 605,
stretching: "exactfit",
'logo.file': "http://new.site.com/sites/site.com/files/videoplayer_main/logo.png",
'logo.position': "top-left",
'logo.hide': "false",
'logo.timeout': "10",
'logo.margin': "20",
'logo.link': "http://google.com",
'logo.linktarget': "_self",
allowfullscreen: true,
allowscriptaccess: "always",
id: "videoplayer_main",
plugins: {
sharing: { link: true, code: '<embed src="http://new.site.com/sites/all/libraries/mediaplayer-5.4-licensed/player.swf" flashvars="file=http://new.site.com//sites/site.com/files/video/Piper 1-20.flv&image=http://new.site.com/sites/site.com/files/imagecache/video_large_600x350/video_thumbs/moto-bkg.jpg&skin=http://new.site.com/sites/all/libraries/mediaplayer-5.4-licensed/skins/glow.zip&logo=http://new.site.com/sites/site.com/files/videoplayer_main/logo.png&logo=http://new.site.com/sites/site.com/files/videoplayer_main/logo.png&logo.hide=false&logo.link=http://new.site.com/video/category" width="605" height="382" allowfullscreen="true" />' },
gapro: { accountid: "UA-xxx-xx", trackstarts: true, trackpercentage: true, tracktime: true, trackingmode: "as3", idstring: "||video/category - category: all||" }
}

});
</script>

thank you

Remove the single quotes from wmode. None of the variables or params need quotes unless there is a period in there, so for example hd.file should be 'hd.file', etc.

Thanks, it seems to be working.

Np

The wmode doesn't seem to be working in IE7 & IE8.
Here is the url: http://new.99xwjbx.com/video/category

<script type="text/javascript">
jwplayer("mediaspace").setup({
flashplayer: "/sites/all/libraries/mediaplayer-5.4-licensed/player.swf",
wmode: "transparent",
image: "/sites/mysite.com/files/imagecache/video_large_600x350/video_thumbs/test1_0.jpg",
file: "http://www.youtube.com/watch?v=8v1dLedBJc8&feature=topvideos",
skin: "/sites/all/libraries/mediaplayer-5.4-licensed/skins/glow.zip",
height: 382,
width: 605,
stretching: "exactfit",
'logo.file': "http://new.mysite.com/sites/mysite.com/files/videoplayer_main/logo.png",
'logo.position': "top-left",
'logo.hide': "false",
'logo.timeout': "10",
'logo.margin': "20",
'logo.link': "http://google.com",
'logo.linktarget': "_self",
allowfullscreen: true,
allowscriptaccess: "always",
id: "videoplayer_main",
plugins: {
sharing: { link: true, code: '<embed src="http://new.mysite.com/sites/all/libraries/mediaplayer-5.4-licensed/player.swf" flashvars="file=http://www.youtube.com/watch?v=8v1dLedBJc8&feature=topvideos&image=http://new.mysite.com/sites/mysite.com/files/imagecache/video_large_600x350/video_thumbs/test1_0.jpg&skin=http://new.mysite.com/sites/all/libraries/mediaplayer-5.4-licensed/skins/glow.zip&logo=http://new.mysite.com/sites/mysite.com/files/videoplayer_main/logo.png&logo=http://new.mysite.com/sites/mysite.com/files/videoplayer_main/logo.png&logo.hide=false&logo.link=http://new.mysite.com/video/category" width="605" height="382" allowfullscreen="true" />' },
gapro: { accountid: "UA-xxxx-xx", trackstarts: true, trackpercentage: true, tracktime: true, trackingmode: "as3", idstring: "||video/category - category: all||" }
}

});
</script>

thanks

Ahh, you are using a slightly older version which had some bugs, please re-download from - http://www.longtailvideo.com/order/view

Thanks, I'll try it now.
Why does the licensed version have version show as 4.7 and the free one is 5.4?
Should I always just use the licensed download?

thanks

Never mind. I was using an old number.

Nope. I upgraded to the newest player and wmode is still not working in IE.

Does http://developer.longtailvideo.com/player/trunk/fl5/js/test/examples/wmode.html work for you in IE?

Sorry, I was pointing to a different version of the jwplayer.js . All working.
thank you

Great! :)

When I put id on the div, it solves the stacking problem but my player don't work.

@ananda

Let's see a link for a peek

Hi,I have aproblem,i have a web site.some link in my website.I want to hidden this link,do you know how to do this?

What does this have to do with the JW Player? Also this thread has nothing to do with your issue, either.

I'm having the same issue as I had above with the wmode. I'm using version 5.7.
http://sfhighschoolsports.com/videoplayer/sports-pop

Here is the rendered code:

thanks

Your version of jwplayer.js is old - http://sfhighschoolsports.com/sites/sfhighschoolsports.com/themes/theme428/js/jwplayer/jwplayer.js

This is the 5.3 version. You should update this to the 5.7 version of jwplayer.js

Wow, you are correct. Thank you.

Np.

It does work for me. Thanks for your help

Np

Hi,

i'm implementing the silverlight player. However, i cant find a wmode like parameter there. Any ideas on how to accomplish this?

thanks!

There is not a wmode parameter for Silverlight.

Hello,

"wmode transparent": This doesn't work : http://the-river.fr

I got a back background instead of transparency.

Thank you...

wmode : "transparent,true",

Is not correct.

It needs to be:

wmode : "transparent",

Doesn't work either...

Ok it works on Firefox, but not chrome.

It should and I wonder IF it is a Chrome issue.

does this also occur with the other browsers; Opera, Safari

@titi - That should work in everything.

This does - http://developer.longtailvideo.com/player/trunk/fl5/js/test/examples/wmode.html

Hey Ethan,

New year greetings! :)

Could you tell me if we still have the wmode parameter in JW Player from version 5.7 onwards ? I can't seem to find it in the documentation! Is it there, or has it been omitted from newer versions of the player ?

Thanks a lot. Rahul

Happy New Years! :)

WMode has been around since 5.3 I believe.

Is it anywhere in the documentation ? I cannot seem to find it mentioned anywhere except in Forum posts.
Thanks. Rahul.

http://developer.longtailvideo.com/player/trunk/fl5/js/test/examples/

Under JW 5.4 > Features ;)

cool. thanks Ethan again :)

Np :)