I downloaded the instructions in the article https://community.trivantis.com/shared-content/custom-html5-media-player-skins/ to customize my skin, including recoloring the images they provided. However, my closed captioning is not showing either with the original file or my modified one, the buttons don’t give me the “none” or English option, even though the background of the captioning appears. I would like to be able to do the following but cannot determine how to do it within the CSS:
Make the player bar wider (~150 pixels instead of 120)
Make the player bar taller so it doesn’t cut off the icons
Make the captioning area shorter since all my CC are only 1-2 lines tall and it intrudes into the content.
Make it so None and English show up when the CC button is clicked
I have attached the skin file and a screenshot of what it looks like in the course.