Set the color of control bar
PlayerDIY 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.
The demos which have customized control bar
Demo 1:
Demo 2:
There are two ways to implement the above demos: one is with PlayerDIY Web Player, the other one is with flashvars code.
- PlayerDIY Web Player
- Flashvars Code
1. Go to Templates, and choose a 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.
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:
<script type="text/javascript" src="swfobject.js"></script>
<div id="flashcontent" align="center"></div>
<script type="text/javascript">
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");
</script>
The line of the red code is the flashvars code for configuring the control bar color. Get more information about flashvars code.
- Set control-bar color to match website
- Set background color of player
- Set the position of control bar
- Customize Preloader button
- Hide control bar automatically
- Remove the "Embed & URL" Area
- Hide mouse automatically
- Hide playing time
- Hide playlist icon
- Hide previous and next icons
- Hide playing process bar
- Customize right-click menu
