Tutorial about setting the color of control bar of flash video player

Posted by Anonymous February 10, 2010 - 3:33am

Moyea web player offers multiple control bar skins for you to choose from. Besides, you could gain more control bar skin by setting Panel color to match your website style. But this function is only available for the "transparent" control bar styles.

About Moyea Web Player:
Moyea Web Player on playerdiy.com is a Flash video player creator. With it, you can easily make customized Flash video player with playlist and full screen features for website.
Tutorial is here:
http://www.playerdiy.com/support/tutorial/customize-flash-video-player.html
Customize the skin and playback options of web FLV player:
http://www.playerdiy.com/configuration/

There are two ways to implement this: one is with Moyea Web Player, the other one is with flashvars code.

With Moyea Web Player:
1. Go to Templates, and choose a FLV player skin from the "transparent" player skin list.

2. Then go to Options tab, push down to "Skin Settings", find "Panel color" and set the color you like.

With flashvars code:
To customize control bar color via flashvars code, the player skin of the existed player must be from "transparent" list. To implement the demo 2 above, the embed code would be as below:

[code]

var so = new SWFObject('mwplayer.swf','player','500','450','9');
so.addParam('wmode','opaque');
so.addParam('quality','high');
so.addParam('allowfullscreen','true');
so.addParam('allowscriptaccess','always');
so.addParam('flashvars','playerOpts=panelColor*51,255,0*c');
so.write("flashcontent");

[/code]

The line of the red code is the flashvars code for configuring the control bar color. Get more information about flashvars code

Source is http://www.playerdiy.com/configuration/skins/controlbar-color.html