Make an Internet video player in a very easy way

From OpenTutorial
Revision as of 01:33, 16 September 2009 by Stephen (talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

Below is the tutorial shows how to make custom Flash FLV player with a few mouse-clicks with playerdiy.com


Step 1. Download Moyea Web Player from playerdiy.com and launch it on PC.

Step 2. Input flash videos that to be played on web page into Moyea Web Player (If the videos are not flash videos, please convert them to).

Step 3. Choose a player skin(here use the default one), and remove the embed code area.

choose skin for web flv player


remove embed code area from web flv player


Check "Auto choose next" to make the player can player next video automatically

choose next flv on web flv player

Step 4. Click “Publish” button to generate a web flash video player and other related files (Note: if you want to get a separate playlist file, please check “Out File”)

Step 5. Upload all the published files except the index.html file, to the same folder with your web page file on your web server

Step 6. Embed the generated player onto your webpage with the embed code below (you can get it on the generated index.html file):


<script type="text/javascript" src="swfobject.js"></script> <div id="flashcontent">Player will show here</div> <script type="text/javascript"> var so = new SWFObject('mwplayer.swf','player','500','450','9'); so.addParam('wmode','opaque'); so.addParam('quality','high'); so.addParam('allowfullscreen','true'); so.addParam('allowscriptaccess','always'); so.write("flashcontent"); </script>

Note: 1. No <object> </object> tag outside the embed code.

2. mwplayer.swf is the actual flash video player. If it resides in another directory, then point to it with a relative path (e.g. /player/mwplayer.swf) or an absolute path (e.g. http://www.yourdomain.com/player/mwplayer.swf ).

For example:

<script type="text/javascript" src="http://www.yourdomain.com/players/swfobject.js"></script> <div id="flashcontent">Player will show here</div> <script type="text/javascript"> var so = new SWFObject('http://www.yourdomain.com/players/mwplayer.swf','player','500','450','9'); so.addParam('wmode','opaque'); so.addParam('quality','high'); so.addParam('allowfullscreen','true'); so.addParam('allowscriptaccess','always'); so.write("flashcontent"); </script>

3. '500','450' is the width and the height of the player, you could change them to change the player size.

Step 7. The flash video player will appear on your website.


See Also