Need help customizing FlowPlayer Created Mar 14, 2010

You obviously didn't look at every page ... the information you require is on the player configuration documentation page.

I did, but i might not understand it. Can you either give me an easier explanation? What i need to know, is which file to edit and how to edit them. I'm not quite sure how to edit the .swf file :/

Is there anyone who can help me with what file to edit the code into?

All the information you need is on this page:
http://flowplayer.org/plugins/flash/controlbar.html

Thanks for replying. I already had that downloaded, I couldn't figure out what to do with the files once i downloaded it though. I downloaded the zip file with the .swf file, readme and license.

do you mean just getting the player onto a html page?

Look here for the minimal installation. When you get to step 3 this is where the code explained on the page daniel.b mentions should go.
http://flowplayer.org/demos/installation/index.html

You'll need at least a basic understanding of javaScript for this, but its all pretty straight forward and the documentation is great.

No, I could get it on just fine, i'm just trying to change the colors of it. I used the thing on this website to generate the code with the color palate, but i don't know where to put it.

So does anyone know what file i edit to put the code in and change the color of my FlowPlayer?

What exactly do you want to change ?
I must admit this is all quite complicated since there is different methods of skinning the player and the controls. Just tell me what you want to do and post the example code you already have so we'll have a point where to start.

Anodyne

Awesome thanks for the help. I'm only trying to change the color really. Here's the code the generator on the website gave me.

canvas: {backgroundColor: "#6e6e6e"},

plugins: {
controls: {
progressGradient: 'medium',
volumeSliderColor: '#000000',
sliderGradient: 'none',
buttonOverColor: '#cfcfd8',
buttonColor: '#6e6e6e',
timeColor: '#ffffff',
timeBgColor: '#555555',
borderRadius: '0px',
backgroundGradient: [0.6,0.3,0,0,0],
bufferGradient: 'none',
sliderColor: '#6262bc',
durationColor: '#ffffff',
tooltipTextColor: '#ffffff',
progressColor: '#1b1aff',
volumeSliderGradient: 'none',
tooltipColor: '#5F747C',
backgroundColor: '#1c1c1c',
bufferColor: '#d9d9d9',
height: 24,
opacity: 1.0
}
}

Paste that chunk into the HTML page you are using to display the player, and the exact spot where to stick it is in the script tags, just after the part that says:

clip {
url: 'yourfile'
},

Make sure there's a comma after that curly bracket. Does that help you at all?

Nope that didn't work :[ Maybe i put it in the wrong spot, but i tried a few places and each one didn't work. If anyone is available at any point on Skype, you can reach me there to help me much more easily. My skype name is mr_fraggs. Thanks a ton in advance.

I realized that people here on this forum, like on many other forums, are not very helpful. The thing is not as easy as some claim it to be. I for my part had problems to get it work on IE and found out myself.
I try to help you.
I give you an entire example how to post the code. Just change and add what you need. The pattern can be well understood like that. I just used white in all the color codes and some other examples for gradients.

<a href="/YourFolder/YourVideo.flv" style="display:block; width:500px; height:360px;" 
class="player"> </a>
<script language="JavaScript">
$f(".player", { src: '/YourFolder/flowplayer-3.1.5.swf', cachebusting: true }, 
{ clip: { autoPlay: false, autoBuffering: false}, 
plugins: { controls: {tooltips: {buttons: true}, 
tooltipColor: '#ffffff'}, { autoHide: 'always', 
hideDelay: 3000, backgroundColor: '#ffffff', 
bufferColor: '#ffffff', bufferGradient: 'low', 
buttonColor: '#ffffff', buttonOverColor: '#ffffff', 
sliderColor: '#ffffff', sliderGradient: [0.3, 0.0, 0.3], 
volumeSliderColor: '#ffffff', volumeSliderGradient: [0.3, 0.0, 0.3]}}, 
canvas: {backgroundColor: '#ffffff', 
backgroundGradient: [0.6, 0.0], border: '3px solid #ffffff'}
}); </script>

Make sure the paths to the files are correct and also try the entire paths instead of relative ones if it doesn't work.
Hope that helped.
Would appreciate a feedback and a link to the page where you got it to work.
Anodyne

Awesome dude, i think that did the trick! Thanks a ton! :D

Glad I could help, you're welcome.
Do you have a link where I can see the result ?

(btw., the changing of the colors of the tooltips doesn't work, dunno why...)

Anodyne