HTML and CSS Reference
In-Depth Information
And finally, you need to install the player in the target element:
<script type=”text/javascript”>
flowplayer(“player”, “path/to/the/flowplayer-3.2.2.swf”);
</script>
Instead of using the
<object>
tag or using a
<div>
for as the container for the player,
Flowplayer recommends using the
<a>
tag. The player will play the video referenced
in the
href
attribute of the
<a>
tag. Here's the full example page, which is shown in
Figure 12.14:
<!DOCTYPE html>
<html>
<head>
<script type=”text/javascript” src=”flowplayer-3.2.2.min.js”></script>
</head>
<body>
<a href=”http://e1h13.simplecdn.net/flowplayer/flowplayer.flv”
style=”display:block; width:520px; height:330px”
id=”player”></a>
<script type=”text/javascript”>
flowplayer(“player”, “flowplayer-3.2.2.swf”);
</script>
</body>
</html>
FIGURE 12.14
A video played
using Flowplayer.
12
There are a number of customization options for Flowplayer. The easiest way to change
them is to use Flowplayer's Setup application, available at
http://flowplayer.org/setup/.
You can also configure Flowplayer yourself using JavaScript. There's a full list of config-
uration options on the Flowplayer website at
http://flowplayer.org/documentation/