Customize preloader button for web-based flash video player
posted August 17, 2009 - 1:09amTake the internet connection speed in account, when customizing web player, you might want to add a preloader, so that when the internet connection speed is not good, it will show the percent of video loaded, but not a black-screen.
Moyea Web Player offers many and will add more preloaders for choosing to customize flash video player for web. The flash video player generated by Moyea Web Player in default has no preloader on it. And if you want to get a preloader on player, there are two ways are available: 1. Choosing a preloader from preloader list on "template" interface of Moyea Web Player, when customizing the player. 2. Inserting a line of flashvars code into the embed code of a player.
1. Moyea Web Player
To implement the above demo, just need to choose "Arrow" on the following interface.
Making a flash video player to get a preloader like above demo, the embed code as below:
<script type="text/javascript" src="swfobject.js"></script>
<div id="flashcontent" align="center"></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.addParam('flashvars','playerOpts=preLoader*Arrow.swf*s');
so.write("flashcontent");
</script>
The line of the red code is the flashvars code for configuring the preloader. Get more information about flashvars code.
Moyea Web Player accepts preloader plugin. To submit your preloader plugin, please contact us: addons@playerdiy.com
2. Flashvars code
Making a flash video player to get a preloader like above demo, the embed code as below:
<script type="text/javascript" src="swfobject.js"></script>
<div id="flashcontent" align="center"></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.addParam('flashvars','playerOpts=preLoader*Arrow.swf*s');
so.write("flashcontent");
</script>
The line of the red code is the flashvars code for configuring the preloader. Get more information about flashvars code.
Join Xomba Today
Do you like to write? Would you like to make a little extra money on the side? These people do. Join the Xomba community today.
Become a Member
Comments
Post new comment