topical media & game development
lib-flow-example-content.htm / htm
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html><head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<!--
This is Flowplayer standalone demo. The fastest way to get started.
You can freely copy things on your site. All demos can be found from:
http://flowplayer.org/demos/
Enjoy!
-->
<!-- DOCTYPE is always recommended. see: http://www.quirksmode.org/css/quirksmode.html -->
<!-- flowplayer scripts should be loaded from your servers NOT from static.flowplayer.org -->
<script type="text/javascript" src="lib-flow-example-files-flowplayer-3.js"></script>
<!-- some styling for the standalone page. this line can (or must) be removed -->
<link rel="stylesheet" type="text/css" href="lib-flow-example-files-standalone.css">
<style>
#myOverlay {
width: 250px;
padding: 15px;
background: #333 url(/img/global/gradient/h150.png) repeat-x;
color: #fff;
border: 2px solid #fff;
outline: 1px solid #000;
-moz-outline-radius: 4px;
position:relative;
top:80px;
left:-40px;
margin-top:-80px;
}
#myOverlay h3 {
margin:0px;
color:#ff7;
}
</style>
<!-- overlayed content -->
</head><body><div id="myOverlay">
<h3>HTML Content</h3>
<p>
This is a regular DIV element that is placed on top of the video player.
</p>
</div>
<!-- player container-->
<a href="http://player-e7.simplecdn.net/flowplayer.flv" style="display: block; width: 425px; height: 300px;" id="player">
<!-- splash image inside the container -->
<img src="lib-flow-example-files-flow-eye.jpg" alt="Search engine friendly content">
</a>
<!-- Flowplayer installation and configuration -->
<script language="JavaScript">
flowplayer("player", {src: "swf/flowplayer-3.1.0.swf", wmode: 'opaque'});
</script>
</body></html>
(C) Æliens
20/2/2008
You may not copy or print any of this material without explicit permission of the author or the publisher.
In case of other copyright issues, contact the author.