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

Flash not rendering custom skin


Hi

I have a JW Player with a custom skin, however, the skin doesn't seem to render properly if loaded with Flash (the custom control bar is missing and the playlist has black bars over the titles).

I've trawled the internet but have found now answers, can you help?

Here's a link to the page:

http://www.asylumsband.com/mailinglist/

The skin loads perfectly in HTML5

Any ideas?

10 Community Answers

Ethan Feldman

JW Player Support Agent  
0 rated :

The height and the listbar size are both 250, I would make the height larger.

JW Player

User  
0 rated :

Hi Ethan

Thank you for the response :-)

I followed your advice and made the height 450 and listbar size 350 - in flash mode I now see my custom play button (as seen in html5 view) after playing a track, however, the songs in the listbar are still in a black container and in flash and html5 mode the control bar is now also in a black container.

I would like the player to look like it does in html5 mode with the height and size set at 250 for both flash and html5 but I'm not sure this is possible.

Jim

JW Player

User  
0 rated :

Hi again Ethan

Just done some more messing with the height of the player and the list bar. It seems it doesn't really matter what size I set these to....if I set them both the same size my skin displays correctly in HTML5 but the control bar doesn't display in Flash. If I set the size of the payer higher than the listbar I get the black control bar appear in both html5 and flash and not my custom skin control bar. Either way the play list has black backgrounds under the track titles in flash.

Now I am very confused!

JW Player

User  
0 rated :

Sorry Ethan...I've done some more tinkering!

I now have my custom control bar showing as I'd like in HTML5 and Flash modes (Flash didn't like one of the images I'd used in the skin xml). The height of the player is 30 more than the playlist

Now just the one problem which is the listbar and player being in black boxes in the flash mode. Can I make these transparent like they are in HTML5 mode?

Many thanks for your time chap :-)

Jim

Ethan Feldman

JW Player Support Agent  
0 rated :

Great, np!

Hm, how were the transparent pngs created?

JW Player

User  
0 rated :

Hi Ethan

The only pngs I've changed are the back.png in the control bar (a transparent image created in photoshop) and the play and pause buttons. All the other pngs are the original ones

Jim

JW Player

User  
0 rated :

Just tried posting my xml but I got blocked for spamming :-(

Ethan Feldman

JW Player Support Agent  
0 rated :

Why is it showing up pink vs black then? None of our original png files are these colors?

JW Player

User  
0 rated :

Hi Ethan

It's showing up pink because I want the player pink. I have achieved this in HTML5 mode by creating my own skin.

In my skin xml I have Changed the control bar background image to a transparent one:

<element name="background" src="back.png" />

and I have changed the playlist background colour to pink:

<setting name="backgroundcolor" value="dc254e" />

This has given me the desired result in HTML5 mode...but it doesn't render the same in Flash mode...the black elements show up and I can't seem to get rid of them.

It looks like the player/playlist has a black background property set in Flash mode and it doesn't seem to matter what I do in the skin xml file.

This is the output for the flash mode player:

<object type="application/x-shockwave-flash" data="http://localhost:62672/player/jwplayer.flash.swf" width="100%" height="100%" bgcolor="#000000" id="myElement" name="myElement" tabindex="0"><param name="allowfullscreen" value="true"><param name="allowscriptaccess" value="always"><param name="seamlesstabbing" value="true"><param name="wmode" value="opaque"></object>

You can see there's a black background set there and I think (though I might be wrong!) - this is causing the black elements rather than the pink ones I have set up in the skin xml

Hope this makes sense!

Jim

Ethan Feldman

JW Player Support Agent  
0 rated :

I would try to make the background images for the playlist in your skin be pink, too.

This question has received the maximum number of answers.