CSS Styling  Print this Article

You can apply more advanced styling to the HTML5 PRO player using Cascading Stylesheet (CSS). Know more about CSS here

Few examples can be utilized below:

To make the player background transparent:

.playerYess .metadata, .playerYess .volume-wpr {
   background-color: transparent !important;
}

To hide Like Button:

#icon-like { display: none !important; }

To hide Download Button:

#icon-download { display: none !important; }

To hide close button:

#icon-close { display: none !important; }

To hide all icons at once:

.playerYess .icons {
    display:none !important;

Was this answer helpful?

Related Articles

HTML5 Player PRO Version 1 (Legacy) Documentation
HTML5 Player PRO Version 1 (Legacy) Documentation Note: If you've purchased the player on/or...
Html5 Player Wordpress Plugin
Features Fully customizable. Built with HTML5. Compatible with Icecast, Icecast-KH and...
What is the difference between Version 1 (Legacy) and Version 2 (Current) and how do I know the version my player?
The HTML5 Player PRO's current version is 2. It is what we are offering by default starting April...
HTML5 Player PRO Version 2 (Current) Documentation
HTML5 Player PRO Version 2 (CURRENT) Documentation Note: If you've purchased the player before...