CSS Styling


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;
  • player background, remove player buttons, remove player icon, player css
  • 1 کاربر این را مفید یافتند
آیا این پاسخ به شما کمک کرد؟

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...

How to Fix Your Html5 pro Player

  01) Q: **I have added My Listen Url but my Player is Not working How Can I fix This ?**A:...