You can have as many icons as your player height allows. If the next icon exceeds the height of the player, it will be hidden. Hovering over an icon will expand it to display the service's description and URL. Clicking on the expanded area will open the service's website.
Below, you can find how promo icons are defined through JavaScript.
Code snippet
<script>let promo_icons = [{ icon: "/path-to-icon1-image.jpg", text: "Service description here", url:"//service.url.com"},{ icon: "/path-to-icon2-image.jpg", text: "Service description here", url:"//service.url.com"},{ icon: "/path-to-icon1-image.jpg", text: "Service description here", url:"//service.url.com"}];</script>The icon is a square image of 60x60 pixels in size. Service description is maximum 50 characters about. Longer text will be truncated.
The player and plugins setup is like:Code snippet<script>const player = videojs("my_|player", {license: "key"}|);player.nuevo(); player.promo(promo_icons);</script>