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/
configuration/.
 
Search WWH ::




Custom Search