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.
- Set control-bar color to match website
- Set background color of player
- Set the position of control bar
- Customize Preloader button
- Hide control bar automatically
- Remove the "Embed & URL" Area
- Hide mouse automatically
- Hide playing time
- Hide playlist icon
- Hide previous and next icons
- Hide playing process bar
- Customize right-click menu
