This is a message.

Fixed positioning

Position the player anywhere on your screen

standalone demo

Take a look at the upper right corner of this page. Try scrolling the page using the browser's scrollbar. Flowplayer can be placed on the page in a locked position. This kind of setup could be useful in advertising, for instance. This can be achieved with a very simple CSS trick which is described in this demo.

User's may find it useful to show and hide the player because it is overlapping the actual content. Flowplayer scripting comes to the rescue here and such actions are easy to implement.

HTML

Just a simple player container here.

<!-- player container-->
<a href="http://stream.flowplayer.org/flowplayer-700.flv" class="player"
style="display:block;width:425px;height:300px;margin:10px auto"
id="player">
</a>

HTML

Javascript

A very simple player installation without the control bar.

flowplayer("player", "http://releases.flowplayer.org/swf/flowplayer-3.2.18.swf", {
plugins: {controls: null}
});

JavaScript

CSS

We use standard CSS fixed positioning which works for Flash objects too in a cross browser manner.

#player {
/ player dimension /
width:225px;
height:145px;
display:block;
 
/ fixed position to the top right corner /
position:fixed;
right:12px;
top:12px;
}

CSS