How to make customized skinning web flash video player in easy way

02/08/2010

Some web using the following methods in the mouse, shows a tutorial on how to customize a flash video player, click on the Moyea Web Player.

Step 1: Open Moyea Web Player on your PC

Step 2: Input flash videos you want to play on webpage into Moyea Web Player (If your videos are not flash videos, please?convert them to).

input video to moyea web player

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

choose player skin in moyea web player

remove embed and url area

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

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 of 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?
Two. mwplayer.swf is real Furasshubideopureya. If a different directory, there is a relative path to that point (eg,/video/mwplayer.swf) or an absolute path (e.g.?http://www.yourdomain.com/video/mwplayer.swf ).
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.

Posted in: javascript tutorial| Tags: Script Code web file video player swf addparam mwplayer moyea

Hot Posts

Latest posts

Tags

Others

Sponsors

asp.net interview questions