Buy WavePlayer now, only on

Play and Wave

When you need to visualize several instances of the player on your page and you don’t want to clutter the space with too many elements, this customization can help you get a more streamlined player.
.wvpl-left-box {
    background:none!important;
    width:40px;                
    height:60px;               
    border-radius:0!important; 
}
.wvpl-right-box{
    height:60px;               
}
.wvpl-interface:hover {
    background:none!important; 
}
.wvpl-poster{
    display:none;              
}
.wvpl-info,.wvpl-volume{
    visibility:hidden;         
}
.wvpl-icon.wvpl-play{
    color:#058;                
    text-shadow:none;          
}
.wvpl-infobar{
    visibility:hidden          
}




If you prefix your CSS rules with a specific class, you can limit your customization to those players that are inside an element with that class.

Buy WavePlayer now, only on