This is a message.

Video overlays

Flowplayer allows videos to be overlaid on top of any HTML content.

standalone demo

This tool can overlay any HTML, not just videos. The documentation for this tool can be found here.

Configuration

This is our JavaScript code placed inside SCRIPT tags after previous HTML code:

// install flowplayer into flowplayer container
var player = $f("player", "http://releases.flowplayer.org/swf/flowplayer-3.2.18.swf");
 
// set up button action. it will fire our overlay
$("button[rel]").overlay({
 
// use the Apple effect for overlay
effect: 'apple',
 
// when overlay is opened, load our player
onLoad: function() {
player.load();
},
 
// when overlay is closed, unload our player
onClose: function() {
player.unload();
}
});

JavaScript

Overlay visuals are done with CSS. If you are using Firefox, you can use tools such as Firebug to investigate how our overlays are done.

Consult the overlay documentation for more details.