Customize the play button on the videos in the Video Player.

The below edit will change the play button on your video (YouTube, etc) player.

BEFORE:

AFTER:

1)Log into your App Manager and select your app.

2) Click Colors from the left-hand-side of the screen (or the middle of the screen).

3) Scroll down to the Advanced SCSS box. If there is already code in the advanced SCSS box, do not remove it. Start a new line ā€œafterā€ the last character in the box, then paste the above code.

YouTube Videos Only

/**BEGIN: Customize YouTube Button ***/
.video-view .sprite {
background-size: 15%;
background-position: 96% 80%;
}
/**END: Customize YouTube Button ***/

All Videos

/*** BEGIN: Customize Video Buttons ***/
.sprite {
background-size: 15%;
background-position: 96% 80%;
}
/*** END: Customize Video Buttons ***/

NOTE: To change the size of your player, you can modify the percentage value of ā€œbackground-sizeā€ with your own value. To change the position, you can modify percentage value of ā€œbackground-positionā€œ. The first percentage of ā€œbackground-positionā€ is the left gap, the second is the top gap.