Flowplayer customization and styling
Flowplayer is a really nice video player for the web. It is reliable, flexyble and really easy to setup; it is well documented too. I wrote this page just to have a quick example of customization and styling; if you need further information, check out the official documentation.
Basic customization
<script language="JavaScript">
flowplayer("player", "/path/to/flowplayer/flowplayer.swf", {
clip: {
autoPlay: false,
scaling: 'fit'
},
plugins: {
controls: {
url: "/path/to/flowplayer/flowplayer-controls.swf",
backgroundColor: '#000000',
backgroundGradient: 'none',
height: '26',
all:false,
scrubber:true,
time: true,
mute:true,
play: true,
pause: true,
fullscreen: true,
progressColor: '#FFFFFF',
bufferColor: '#FF0000',
buttonColor: '#00FF00',
buttonOverColor: '#0000FF'
}
},
canvas: {
backgroundColor: '#000000',
backgroundGradient: "none"
}
});
</script>