1
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
|
2
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
3
|
<head>
|
4
|
|
5
|
<title>JW FLV Media Player</title>
|
6
|
|
7
|
<style type="text/css">
|
8
|
body { background-color: #fff; padding: 0 25px; color:#000; font: 13px/18px Arial, sans-serif; }
|
9
|
a { color: #360; }
|
10
|
h3 { padding-top: 50px; }
|
11
|
ol { margin:5px 0 15px 16px; padding:0; list-style-type:square; }
|
12
|
</style>
|
13
|
|
14
|
</head>
|
15
|
<body>
|
16
|
|
17
|
<h3>Example</h3>
|
18
|
<p>Here's a simple example of the <a href="http://www.jeroenwijering.com/?item=JW_FLV_Media_Player">JW FLV Media Player</a> embedded in a page. Copy-paste the source code and put the files on your site to get started.</p>
|
19
|
|
20
|
|
21
|
|
22
|
|
23
|
<div id="container"><a href="http://www.macromedia.com/go/getflashplayer">Get the Flash Player</a> to see this player.</div>
|
24
|
<script type="text/javascript" src="swfobject.js"></script>
|
25
|
<script type="text/javascript">
|
26
|
var s1 = new SWFObject("mediaplayer.swf","mediaplayer","300","185","8");
|
27
|
s1.addParam("allowfullscreen","true");
|
28
|
s1.addVariable("width","300");
|
29
|
s1.addVariable("height","185");
|
30
|
s1.addVariable("file","video.flv");
|
31
|
s1.write("container");
|
32
|
</script>
|
33
|
|
34
|
|
35
|
|
36
|
<h3>Quickstart</h3>
|
37
|
<p>The easiest way to get going with the mediaplayer is <a href="http://www.jeroenwijering.com/?page=wizard">by using the setup wizard</a>. Select an example, set the file or playlist you want to play and copy-paste the embed code to your site!</p>
|
38
|
|
39
|
<h3>Licensing</h3>
|
40
|
<p>The FLV Media Player is licensed under a <a href="http://creativecommons.org/licenses/by-nc-sa/2.0/">Creative Commons License</a>. It allows you to use, modify and redistribute the script for free for noncommercial purposes. For corporate use, <a href="http://www.jeroenwijering.com/?page=order" title="Order commercial licenses">please apply for a 20 euros commercial license</a>!</p>
|
41
|
|
42
|
<h3>Documentation</h3>
|
43
|
<ol>
|
44
|
<li>All <a href="http://www.jeroenwijering.com/?item=Supported_Flashvars">supported flashvars</a> (variables) you can set to customize the mediaplayer.</li>
|
45
|
<li>All <a href="http://www.jeroenwijering.com/?item=Supported_Playlists">supported playlist formats</a> you can use, plus some implementation info.</li>
|
46
|
<li>A large list <a href="http://www.jeroenwijering.com/?item=Third_Party_Plugins">of all third-party plugins</a> for the mediaplayer.</li>
|
47
|
<li>A tutorial on <a href="http://www.jeroenwijering.com/?item=Embedding_Flash"> embedding the mediaplayer</a> in your site.</li>
|
48
|
<li>A tutorial with <a href="http://www.jeroenwijering.com/?item=Javascript_interaction">all functions of the javascript API</a>.</li>
|
49
|
<li>A tutorial on <a href="http://www.jeroenwijering.com/?item=Making_Video_Accessible">adding captions and an audiodescription</a> (accessibility).</li>
|
50
|
</ol>
|
51
|
|
52
|
</body>
|
53
|
</html>
|