|
1
|
<html>
|
|
2
|
<head>
|
|
3
|
<style type="text/css">
|
|
4
|
body { background-color: #fff; padding: 0 50px; color:#000; font: 13px/18px Arial, sans-serif; }
|
|
5
|
a { color: #069; }
|
|
6
|
h3 { padding-top: 50px; }
|
|
7
|
ol { margin:5px 0 15px 16px; padding:0; list-style-type:square; }
|
|
8
|
</style>
|
|
9
|
</head>
|
|
10
|
<body>
|
|
11
|
|
|
12
|
|
|
13
|
<h3>Example</h3>
|
|
14
|
<p>Here's a simple example of the mediaplayer embedded in a page. Copy-paste the code to get started.</p>
|
|
15
|
|
|
16
|
|
|
17
|
|
|
18
|
<div id="container"><a href="http://www.macromedia.com/go/getflashplayer">Get the Flash Player</a> to see this player.</div>
|
|
19
|
<script type="text/javascript" src="swfobject.js"></script>
|
|
20
|
<script type="text/javascript">
|
|
21
|
var s1 = new SWFObject("mediaplayer.swf","mediaplayer","300","170","7");
|
|
22
|
s1.addParam("allowfullscreen","true");
|
|
23
|
s1.addVariable("width","300");
|
|
24
|
s1.addVariable("height","170");
|
|
25
|
s1.addVariable("file","video.flv");
|
|
26
|
s1.addVariable("image","video.jpg");
|
|
27
|
s1.write("container");
|
|
28
|
</script>
|
|
29
|
|
|
30
|
|
|
31
|
|
|
32
|
<h3 id="documentation">Documentation</h3>
|
|
33
|
<p>The easiest way to get going with the mediaplayer is <a href="http://www.jeroenwijering.com/?page=wizard" title="the flv mp3 media player 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! If you want to learn more, here's the complete documentation:</p>
|
|
34
|
<ol>
|
|
35
|
<li>All <a href="http://www.jeroenwijering.com/?item=Supported_Flashvars" title="All Flashvars supported by the FLV Media Player">supported flashvars</a> (variables) you can set to customize the mediaplayer.</li>
|
|
36
|
<li>All <a href="http://www.jeroenwijering.com/?item=Supported_Playlists" title="All playlist formats by the FLV Media Player">supported playlist formats</a> you can use, plus some implementation info.</li>
|
|
37
|
<li>A large list <a href="http://www.jeroenwijering.com/?item=Third_Party_Plugins" title="WordPress, Joomla, Drupal, CMS Plugins">of all third-party plugins</a> for the mediaplayer.<br/> </li>
|
|
38
|
<li>A tutorial on <a href="http://www.jeroenwijering.com/?item=Embedding_Flash" title="embedding Flash"> embedding the mediaplayer</a> in your site.</li>
|
|
39
|
<li>A tutorial with <a href="http://www.jeroenwijering.com/?item=Javascript_interaction" title="Javascript interaction">all functions of the javascript API</a>.</li>
|
|
40
|
<li>A tutorial on <a href="http://www.jeroenwijering.com/?item=Making_Video_Accessible" title="W3C video Accessibility and the player">adding captions and an audiodescription</a> (accessibility).</li>
|
|
41
|
</ol>
|
|
42
|
|
|
43
|
|
|
44
|
|
|
45
|
</body>
|
|
46
|
</html>
|