I don't really know what player is it, but you can use this one, it's has the same function.
<!-- DOCTYPE is always recommended. see: http://www.quirksmode.org/css/quirksmode.html -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<!-- flowplayer scripts should be loaded from your servers NOT from static.flowplayer.org -->
<script type="text/javascript" src="/js/flowplayer-3.1.4.min.js"></script>
</head>
<!-- some styling for the standalone page. this line can (or must) be removed -->
<link rel="stylesheet" type="text/css" href="/demos/standalone.css"/>
<!-- player container-->
<a
href="http://flowplayer.org/video/flowplayer-700.flv"
style="display:block;width:425px;height:300px;"
id="player">
</a>
<!-- here is the content for the plugin -->
<div id="theContent" style="display:none">
<p>This big overlay is a content plugin</p>
</div>
<!-- this script block will install Flowplayer inside previous A tag -->
<script language="JavaScript">
flowplayer("player", "/swf/flowplayer-3.1.5.swf", {
plugins: {
content: {
// the only required property
url: 'flowplayer.content-3.1.0.swf',
// some display properties
height: 220,
padding:30,
backgroundColor: '#112233',
opacity: 0.7,
// one styling property
backgroundGradient: [0.1, 0.1, 1.0],
/*** content plugin specific properties ***/
// fetch the actual HTML inside a DIV element on the page
html: document.getElementById("theContent").innerHTML,
// some styling for the content
style: {p: {fontSize: 40}}
},
// change default skin to "tube"
controls: {
url: 'flowplayer.controls-tube-3.1.5.swf'
}
}
});
</script>
Or you can see the demo and tutorial here:
flowPlayer (http://flowplayer.org/demos/plugins/flash/index.html)
good luck...:)