This is a message.

Handling mouse events

Learn how to handle mouse events using Flowplayer Javascript plugin

standalone demo

This demo uses the expose tool to make an exposing effect when mouse is moved over the player. So try it - move your mouse over the player!

HTML

<a href="http://stream.flowplayer.org/KimAronson-TwentySeconds59483.flv"
    id="player" class="player">
</a>

HTML

Configuration

$f("player", "http://releases.flowplayer.org/swf/flowplayer-3.2.11.swf", {
    onMouseOver: function() {
        // a handle to the player container
        var container = this.getParent();
 
        // make it to a jQuery object and use the expose tool with a custom color
        $(container).expose({color: "#254558", api: true});
    },
    // close the expose when the mouse pointer moves out
    onMouseOut: function() {
        $.mask.close();
    }
});

JavaScript