Blog | Sitemap | Forum

Bookmark using any bookmark manager!

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

Hide Volume Icon

When there has no volume icon on the control bar of web player, there is no way to mute the video via player. The flash video player generated by PlayerDIY Web Player in default has the volume icon on control bar. However, PlayerDIY Web Player also offers solutions to hide it.

The demo when the “Hide mute button” option is checked:


Below are the examples about how to implement the above demo with PlayerDIY Web Player and with code.

  • PlayerDIY Web Player
  • Flashvars Code

Hiding volume icon on control bar with PlayerDIY Web is very simple: All you need to do is checking the “Hide mute button” option on the following interface.

To hide the volume icon of a player, you just need to insert a line of flashvars code into its embed code and, after get the flashvars code, the embed code will be 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=noMuteBtn*true*b');
so.write("flashcontent");
</script>

The line of the red code is the flashvars code for hiding the volume icon. Get more information about flashvars code.

Configuration