THEOplayer 2.X: UI Skinning


Building an user interface from scratch is a tedious task that demands time. THEOplayer ships with a default UI. You can use the UI skinning feature to effortlessly get the look-and-feel that fits your needs. Small tip: For a better view on the colouring possibilities the search bar will remain visible for you.

Color Affected (not exhaustive)
Primary color big play button, play progress on seek bar
Primary background menu header background
Secondary color control bar icons, time display
Secondary background close button social sharing
Tertiary color control bar background
Tertiary background menu content background

CSS styles for this configuration

Copy and paste the styles below to your own webpage to style your THEOplayer.