Hello*,
I have a player with rounded corners and it looks great.
When I use a preview image, it does not have rounded corners. In which layer is the preview image loaded? If I knew it, I could change the player by adding a mask for this layer. Then the preview image would have rounded corners too.
Thanks for replies.
I'd be interested in a solution too ;-)
if you dont need rounded corners in fullscreen mode - you can just use a simple css overlay, and avoid recompiling the player
please see the - http://www.jeroenwijering.com/?item=Javascript_API_Examples
and the "masking" example - http://home5.inet.tele.dk/nyboe/flash/mediaplayer4/JW_API_xmpl_7-1-1-0.html
please note that the above examples all use the swfobject v.2.1 - http://code.google.com/p/swfobject/
Problem is, this doesn't do 9 slice scaling, and in the case of IE6, you can't use a transparent overlay with nicely antialiased text. Not to mention it's a complicated solution.
It would be great to have the display mask apply to the preview image as well.
@Stephen - to resize the css overlay you just resize the image, or with an absolute px size in the image tag or set to 100% and and then size the containg div - the css overlay mask will also mask the preview image...
and rest assured it is definetely less complicated than modifying/recompiling the player!
im not sure i understand what you mean by "nicely antialiased text" - if you want text on the image you ofcourse have to antialiase the text when you make the image - maybe use a .gif rather than .png image -
i have a vague memory that some of the obsolete browsers didnt like .png -
Hmm, I'm afraid it's not possible to do rounded corners on playlist images, since the mask on top of them is drawn by actionscript. The only workaround would be to actually place the corners in the color of the playlistbackground on top of the image.
In the meantime I'll take a look if this can be fixed.
@andersen: Sorry I meant anti-aliased corners, not text. Because IE6 can't do alpha transparency with PNGs, you can't use them for nicely anti-aliased curves when using masks.
ie6 png fix:
http://www.twinhelix.com/css/iepngfix/
that should solve your problem
@JeroenW is it possible to achieve this with the logo?
"and the "masking" example - http://home5.inet.tele.dk/nyboe/flash/mediaplayer4/JW_API_xmpl_7-1-1-0.html"
This seems to only work in IE - get the placeholder get flash message in ff, chrome, etc. Any ideas?
I'm desperately trying to find examples of the player using images as masks, ie showing through a cutout like I think was shown here: http://home5.inet.tele.dk/nyboe/flash/mediaplayer4/JW_API_xmpl_7-1-1-0.html
This example doesn't seem to be available as TDC has closed this service.
Has it been relocated, any similar examples I can look at please?
too bad - no replies...