Need help with custom player

kjones4547
kjones4547 Community Member Posts: 34
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.

Thanks!

 

Comments

  • kjones4547
    kjones4547 Community Member Posts: 34
    Any help with this??
  • klaatu
    klaatu Community Member Posts: 988
    This is one of the main reasons I add my own player when I want to do anything outside of the default settings in Lectora. If you upload what you have so far I will try to look at it, time permitting.
  • kjones4547
    kjones4547 Community Member Posts: 34
    The zip file with the player css and images are in the first post.

    Thanks!
Sign In or Register to comment.

So You Wanna Be An eLearning ROCKSTAR?

We're all fans of eLearning here! Want to become an eLearning ROCKSTAR? Just click on one of the buttons below to start your rocking journey!