This is a message.

Customize control bar tooltips

Internationalize your video player

standalone demo

Control bar tooltips were added in version 3.1. This demo shows you how to customize those tooltips. Move your mouse over the control bar and see our customized tooltips in action.

By default tooltips are enabled for the timeline (or scrubber) and for the volume slider. Here we add tooltips for all buttons and customize the colors.

Configuration

flowplayer("player", "http://releases.flowplayer.org/swf/flowplayer-3.2.18.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
}
 
});

JavaScript

Read more about tooltip configuration.