HTML and CSS Reference
In-Depth Information
FIGURE 12.13
JW Player with the
control bar moved
to the top.
There are two configuration parameters in that
<param>
tag,
file
and
controlbar
. Each
is separated from its value by an equals sign, and the two parameters are separated by an
encoded ampersand. The
flashvars
is formatted in the same way as a URL query string,
the same format used for encoding form parameters when they're sent to the server. For
more information about how to format query strings, take a look at the Wikipedia article
Using Flowplayer
Flowplayer is another popular Flash-based video player. The base version is free and
open source and can be used on commercial sites. The only catch is that the base version
displays the Flowplayer logo at the end of the video. If you want to get rid of the brand-
ing or display your own logo, you can purchase a commercial version of Flowplayer. The
price is based on the number of domains on which you want to use the player. You can
download it at
http://flowplayer.org/.
Flowplayer is used similarly to dynamic publishing with SWFObject. To embed a video
in a page using Flowplayer, you must include the custom JavaScript file supplied with
Flowplayer, using a
<script>
tag:
<script type=”text/javascript” src=”path/to/the/flowplayer-
3.2.2.min.js”></script>
Then you have to add a container to the page in which the video will appear:
<
a href=”myvideo.mp4”
style=”display: block; width: 425px; height: 300px;”
id=”player”>
Download video
</a>
