Customizing controlbar tooltips Skinning - Demo 8 / 10
Introduction
Controlbar tooltips were added in version 3.1. This demo shows you how to customize those tooltips. Move your mouse over the controlbar and see our customized tooltips in action.
Flowplayer configuration
By default tooltips are enabled for the timeline (or scrubber) and volume slider. Here we add tooltips for all buttons and customize the colors.
flowplayer("player", "/swf/flowplayer-3.1.5.swf", {
plugins: {
controls: {
// tooltips configuration
tooltips: {
// enable english tooltips on all buttons
buttons: true,
// customized texts for buttons
play: 'Jatka',
pause: 'Pysäytä',
fullscreen: 'Koko ruutu'
},
// background color for all tooltips
tooltipColor: '#112233',
// text color
tooltipTextColor: '#8899ff'
}
},
// pause on first frame of the video
clip: {
autoPlay: false,
autoBuffering: true
}
});Read more about tooltip configuration.
Take a look at a standalone version of this demo. View its source code to get things going on your page.