Custom skin for Player Created Jan 19, 2009

The source code for the controls plugin is in this public SVN repository:http://code.google.com/p/flowplayer-plugins/source/browse/#svn/flash

It's in flash/controls/trunk folder. You can find info on these forums on how to compile Flowplayer plugins. Here is also one blog entry about the subject:http://anilmakhijani.com/2009/01/09/compiling-a-flowplayer-plugin-on-mac-os-x/

Thanks API,

I was also looking for one more solution in another post, but not get any response yet there.

Here is code:

<script language="javascript">
// our custom configuration is given in third argument
flowplayer("playerContainer", "path/to/flowplayer-3.0.3.swf",{
plugins: {
controls: {
backgroundGradient: [0.6,0.3,0,0,0],
sliderColor: '#000000',
backgroundColor: '#a54040',
timeColor: '#ff0a0a',
bufferColor: '#7b2424',
progressGradient: 'medium',
progressColor: '#000000',
buttonOverColor: '#728B94',
borderRadius: '0px',
buttonColor: '#000000',
bufferGradient: 'none',
durationColor: '#ffffff',
sliderGradient: 'none',
opacity:1.0
}
}
});
</script>

PROBLEM:
How do I know values for green or any other color gradient?

For ex.:
backgroundGradient: [0.6,0.3,0,0,0] for Red theme.
backgroundGradient: [?,?,?,?,?] for green color gradient??

the color is not in the gradient property. color is specified with backgroundColor property. gradient only places a transparent layer on top of the color and you can fine tune that transparency with the gradient array.

Hey tipiirai/api,

I also have one qsn in the same lines...How do i change play button, timeline from default to custom?

please advise.

play button can be changed in commercial version only. see

http://flowplayer.org/documentation/commercial.html#customplay

timeline can be changed via controlbar configuration

http://flowplayer.org/plugins/flash/controlbar.html

It's always preferred to read the documentation before posting here on the forums.

Thanks Tipiirai,
It's really very easy to change.