Showing the logo on mouseover Commercial version - Demo 4 / 6
Introduction
This demo displays the logo only when the mouse is placed on top of the player.
Flowplayer configuration
Here is the quite simple configuration.
$f("player", "http://releases.flowplayer.org/swf/flowplayer.commercial-3.1.5.swf", {
// product key
key: '#$c6e9311935842bee951' ,
// logo initially has zero opacity
logo: {
url: '/img/logo/logo_100x100.png',
fullscreenOnly: false,
opacity: 0
},
// gradually show on mouseover
onMouseOver: function() {
this.getPlugin("logo").fadeTo(0.5, 1000);
},
// gradually hide on mouseout
onMouseOut: function() {
this.getPlugin("logo").fadeTo(0, 1000);
}
});
Take a look at a standalone version of this demo. View its source code to get things going on your page.