Name is required.
Email address is required.
Invalid email address
Answer is required.
Exceeding max length of 5KB

how to set player to wmode="transparent ?


Hi, How I can set the wmode="transparent" to the jw script ? it's very very very important for my because I have a dhtml menu on my website and the flash without wmode="transparent" hides my menu.

I can't load my html file and edit it on frontpage, because the jw player code is just a script, so i cant set wmode="transparent on frontpage web editor".

sorry for my bad english he he.

this is my code, please please someone can edit this with wmode="transparent" ???? PLEASE :( thank you very much..

<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('flashvars','&file=http://video.com/video.mp4&backcolor=000066&frontcolor=FFFFFF&lightcolor=FFFFFF&controlbar=over&stretching=exactfit');
so.write('player');
</script>

bye bye.

48 Community Answers

JW Player

User  
0 rated :

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&stretching=exactfit');
so.write('player');
</script>

JW Player

User  
0 rated :

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!

JW Player

User  
0 rated :

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!!!

JW Player

User  
0 rated :

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!

JW Player

User  
0 rated :

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',

JW Player

User  
0 rated :

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.

Ethan Feldman

JW Player Support Agent  
0 rated :

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

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

JW Player

User  
0 rated :

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>

JW Player

User  
0 rated :

I also tried :

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

Ethan Feldman

JW Player Support Agent  
0 rated :

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

JW Player

User  
0 rated :

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

Ethan Feldman

JW Player Support Agent  
0 rated :

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.

JW Player

User  
0 rated :

Thanks, it seems to be working.

Ethan Feldman

JW Player Support Agent  
0 rated :

Np

JW Player

User  
0 rated :

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

Ethan Feldman

JW Player Support Agent  
0 rated :

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

JW Player

User  
0 rated :

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

JW Player

User  
0 rated :

Never mind. I was using an old number.

JW Player

User  
0 rated :

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

Ethan Feldman

JW Player Support Agent  
0 rated :

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

JW Player

User  
0 rated :

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

Ethan Feldman

JW Player Support Agent  
0 rated :

Great! :)

JW Player

User  
0 rated :

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

JW Player

User  
0 rated :

@ananda

Let's see a link for a peek

JW Player

User  
0 rated :

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?

Ethan Feldman

JW Player Support Agent  
0 rated :

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

JW Player

User  
0 rated :

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:
bc.. <div id="node-videoplayerpage_videoplayer">

<object type="application/x-shockwave-flash" data="/sites/all/libraries/mediaplayer-5.7-licensed/player.swf" width="535" height="450" id="mediaspace" name="mediaspace">
<param name="allowfullscreen" value="true">
<param name="allowscriptaccess" value="always">
<param name="flashvars" value="id=mediaspace&playlistfile=/playlist/sport/sport-pop/video/term/rss.xml&skin=/sites/all/libraries/mediaplayer-5.7-licensed/skins/glow.zip&backcolor=FFFFFF&frontcolor=000000&lightcolor=000000&screencolor=000000&stretching=exactfit&logo.file=http%3A//sfhighschoolsports.com/sites/all/libraries/mediaplayer-5.7-licensed/logo.png&logo.position=bottom-left&logo.hide=false&logo.timeout=3&logo.margin=8&logo.link=http%3A//sfhighschoolsports.com/videoplayer/sports-pop&logo.linktarget=_self&playlistsize=100&shuffle=false&allowfullscreen=true&allowscriptaccess=always&wmode=transparent&plugins=sharing-3%2Cgapro&sharing.link=http%3A//sfhighschoolsports.com/videoplayer/sports-pop&sharing.code=%3Cembed%20src%3D%22http%3A//sfhighschoolsports.com/sites/all/libraries/mediaplayer-5.7-licensed/player.swf%22%20flashvars%3D%22file%3D/playlist/sport/sport-pop/video/term/rss.xml%26image%3D%26skin%3Dhttp%3A//sfhighschoolsports.com/sites/all/libraries/mediaplayer-5.7-licensed/skins/glow.zip%26logo%3Dhttp%3A//sfhighschoolsports.com/sites/all/libraries/mediaplayer-5.7-licensed/logo.png%26logo%3Dhttp%3A//sfhighschoolsports.com/sites/all/libraries/mediaplayer-5.7-licensed/logo.png%26logo.hide%3Dfalse%26logo.link%3Dhttp%3A//sfhighschoolsports.com/videoplayer/sports-pop%22%20width%3D%22535%22%20height%3D%22450%22%20allowfullscreen%3D%22true%22%20%20/%3E&gapro.accountid=UA-4634467-13&gapro.trackstarts=true&gapro.trackpercentage=true&gapro.tracktime=true&gapro.trackingmode=as3&gapro.idstring=%7C%7Cvideoplayer/sports-pop%20-%20category%3A%20all%7C%7C&playlist.position=bottom&controlbar.position=over"></object>

<script type="text/javascript">
jwplayer("mediaspace").setup({
flashplayer: "/sites/all/libraries/mediaplayer-5.7-licensed/player.swf",
playlistfile: "/playlist/sport/sport-pop/video/term/rss.xml",
skin: "/sites/all/libraries/mediaplayer-5.7-licensed/skins/glow.zip",
backcolor: "FFFFFF",
frontcolor: "000000",
lightcolor: "000000",
screencolor: "000000",
height: 450,
width: 535,
stretching: "exactfit",
'logo.file': "http://sfhighschoolsports.com/sites/all/libraries/mediaplayer-5.7-licensed/logo.png",
'logo.position': "bottom-left",
'logo.hide': false,
'logo.timeout': 3,
'logo.margin': 8,
'logo.link': "http://sfhighschoolsports.com/videoplayer/sports-pop",
'logo.linktarget': "_self",
'playlist': "bottom",
'playlistsize': 100,
'shuffle': false,
allowfullscreen: true,
allowscriptaccess: "always",
id: "videoplayerpage-981",
wmode: "transparent",
plugins: {
"sharing-3": { link: 'http://sfhighschoolsports.com/videoplayer/sports-pop', code: '<embed src="http://sfhighschoolsports.com/sites/all/libraries/mediaplayer-5.7-licensed/player.swf" flashvars="file=/playlist/sport/sport-pop/video/term/rss.xml&image=&skin=http://sfhighschoolsports.com/sites/all/libraries/mediaplayer-5.7-licensed/skins/glow.zip&logo=http://sfhighschoolsports.com/sites/all/libraries/mediaplayer-5.7-licensed/logo.png&logo=http://sfhighschoolsports.com/sites/all/libraries/mediaplayer-5.7-licensed/logo.png&logo.hide=false&logo.link=http://sfhighschoolsports.com/videoplayer/sports-pop" width="535" height="450" allowfullscreen="true" />' },
gapro: { accountid: "UA-4634467-13", trackstarts: true, trackpercentage: true, tracktime: true, trackingmode: "as3", idstring: "||videoplayer/sports-pop - category: all||" }
},

});
</script>

</div>



thanks

Ethan Feldman

JW Player Support Agent  
0 rated :

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

JW Player

User  
0 rated :

Wow, you are correct. Thank you.

Ethan Feldman

JW Player Support Agent  
0 rated :

Np.

JW Player

User  
0 rated :

It does work for me. Thanks for your help

Ethan Feldman

JW Player Support Agent  
0 rated :

Np

JW Player

User  
0 rated :

Hi,

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

thanks!

Ethan Feldman

JW Player Support Agent  
0 rated :

There is not a wmode parameter for Silverlight.

JW Player

User  
0 rated :

Hello,

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

I got a back background instead of transparency.

Thank you...

Ethan Feldman

JW Player Support Agent  
0 rated :

wmode : “transparent,true”,

Is not correct.

It needs to be:

wmode : “transparent”,

JW Player

User  
0 rated :

Doesn't work either...

JW Player

User  
0 rated :

Ok it works on Firefox, but not chrome.

JW Player

User  
0 rated :

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

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

Ethan Feldman

JW Player Support Agent  
0 rated :

@titi – That should work in everything.

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

JW Player

User  
0 rated :

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

Ethan Feldman

JW Player Support Agent  
0 rated :

Happy New Years! :)

WMode has been around since 5.3 I believe.

JW Player

User  
0 rated :

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

Ethan Feldman

JW Player Support Agent  
0 rated :

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

Under JW 5.4 > Features ;)

JW Player

User  
0 rated :

cool. thanks Ethan again :)

Ethan Feldman

JW Player Support Agent  
0 rated :

Np :)

JW Player

User  
0 rated :

Hello Ethan,

I am running version 5.9 and I have done everything suggested above.

My video loads on a click event, is it possible to have an abosulte div appear on top of the video?

The div is to appear on a separate onClick event...?


Ethan Feldman

JW Player Support Agent  
0 rated :

Do you have a link?

This question has received the maximum number of answers.