Minimal Flowplayer setup in Flowplayer API 7
View commented source code to get familiar with Flowplayer installation.
If you are running these examples locally and not on some webserver you must edit your Flash security settings.
Select "Edit locations" > "Add location" > "Browse for files" and select flowplayer-x.x.x.swf you just downloaded.
Documentation
See this identical page on Flowplayer website
File
flowplayer/example/index.htmlView source
<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!-- A minimal Flowplayer setup to get you started -->
<!--
include flowplayer JavaScript file that does
Flash embedding and provides the Flowplayer API.
-->
<script type="text/javascript" src="flowplayer.min.js"></script>
<!-- some minimal styling, can be removed -->
<link rel="stylesheet" type="text/css" href="style.css">
<!-- page title -->
<title>Minimal Flowplayer setup</title>
</head><body>
<div id="page">
<h1>Minimal Flowplayer setup</h1>
<p>View commented source code to get familiar with Flowplayer installation.</p>
<!-- this A tag is where your Flowplayer will be placed. it can be anywhere -->
<a
href="http://e1h13.simplecdn.net/flowplayer/flowplayer.flv"
style="display:block;width:520px;height:330px"
id="player">
</a>
<!-- this will install flowplayer inside previous A- tag. -->
<script>
flowplayer("player", "../flowplayer.swf");
</script>
<!--
after this line is purely informational stuff.
does not affect on Flowplayer functionality
-->
<p>
If you are running these examples <strong>locally</strong> and not on some webserver you must edit your
<a href="http://www.macromedia.com/support/documentation/en/flashplayer/help/settings_manager04.html">
Flash security settings</a>.
</p>
<p class="less">
Select "Edit locations" > "Add location" > "Browse for files" and select
flowplayer-x.x.x.swf you just downloaded.
</p>
<h2>Documentation</h2>
<p>
<a href="http://flowplayer.org/documentation/installation/index.html">Flowplayer installation</a>
</p>
<p>
<a href="http://flowplayer.org/documentation/configuration/index.html">Flowplayer configuration</a>
</p>
<p>
See this identical page on <a href="http://flowplayer.org/demos/example/index.htm">Flowplayer website</a>
</p>
</div>
</body></html>