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

Using JW Player with a lightbox in Wordpress


I've done some searching and found several posts on the subject. however, the posts seem very old, even though they have a April 2014 time stamp. Half the plugins mentioned are no longer supported or updated. So I was wondering what the latest information is on this subject.

I have a video with a transparent background (Spokesperson Walk on Video). I've been able to adjust the player to so that the transparency works. Now I'm just trying to get the video to float on the page. I thought using a light box will give me the functionality I'm looking for... the ability to close out of the video player entirely after viewing. And of course the floating ability will be easier with a light box where I can just make the overlay completely transparent as well.

Given the description above, is a light box the best solution or is there something else that will work with JW Player. Thanks for your help.

15 Community Answers

Ethan Feldman

JW Player Support Agent  
0 rated :

Would something like this suffice?

http://www.pluginsbyethan.com/github/jwbox.html

jgsketch

User  
0 rated :

Yes that would work. The functionality looks good. From reading older posts, it appears there are conflicts with the new JW Player, which is why I have not gone that route yet.

But I can give it a try if you think it will work.

Ethan Feldman

JW Player Support Agent  
0 rated :

This is JW 6.9, the newest one, and the demo works fine on my site.

jgsketch

User  
0 rated :

Great, I will give it a shot. thanks.

Ethan Feldman

JW Player Support Agent  
0 rated :

Np.

jgsketch

User  
0 rated :

I see the demo, But I cannot find where to download the plugin. Went to the main page as well. Can I have a link please. thanks.

Ethan Feldman

JW Player Support Agent  
0 rated :

Instructions – https://github.com/emaxsaun/jwbox

jgsketch

User  
0 rated :

I got the video working, just not the transparency. Not sure where to add the flashvars="wmode=transparent" or wmode=transparent in the current configuration. I tried adding it to the onclick in the page, but that did not work.

Do you know how I can add this parameter to get my video transparent again. Thanks.

Ethan Feldman

JW Player Support Agent  
0 rated :

There is no transparency support, I’m afraid.

jgsketch

User  
0 rated :

That was the whole point of using the lightbox so I could get a spokesperson walk on video type affect.

It worked without the light box, just the player on the page. There has to be a way to pass that parameter. I'll see if I can figure out a work around.

Ethan Feldman

JW Player Support Agent  
0 rated :

Can you show me where it worked with the lightbox? The player doesn’t support transparency .

jgsketch

User  
0 rated :

http://dccchat.com/testdcc/tester/

The video on top is with the transparent background using your basic player. Don't mind the video size, it's a little off.

Here is the short code I used.

[jwplayer file="http://dccchat.com/testdcc/wp-content/uploads/2014/06/bethaneyvideolibrary1-2.flv" flashvars="wmode=transparent" wmode=transparent width=600 height=338]

However, with the video on the bottom, using the lightbox, I could not pass the wmode parameter. So that's not working at the moment.

Ethan Feldman

JW Player Support Agent  
0 rated :

In the file jwbox.js you need to add this line into the jwplayer().setup() function:

“wmode”:“transparent”,

jgsketch

User  
0 rated :

It works Perfect. Thank you so much. That's exactly what I was looking for.

Ethan Feldman

JW Player Support Agent  
0 rated :

Np!

This question has received the maximum number of answers.