Blog | Sitemap | Forum

Bookmark using any bookmark manager!

Customize skinning flash video player for web
Customize flash video player in the easiest way

Hide Control Bar Automatically

The control bar of the web player generated by PlayerDIY Web Player in default will always show during the video playing. But it's available to configure a flash video player whose control bar will hide automatically during video playing.

The demo whose control bar will hide automatically after 2 seconds of the video playing:

 

There are two ways are available to implement the above demo: 1. Customzing with PlayerDIY Web Player; 2. Inserting a line of flashvars code into the embed code of an existed player.

  • PlayerDIY Web Player
  • Flashvars Code

With PlayerDIY Web Player, all need to do is checking the “Player auto hide” option on the following interface, when customize the player. And set 2 as the value of the "Hide delay" option.


To implement the above demo with flashvars code, the embed code would be like 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=playerAutoHide*true*b||hideDelay*2000*i');
so.write("flashcontent");
</script>

The line of the red code is the flashvars code for getting the functionality. Get more information about flashvars code.

Configuration