Demo THEOplayer
UI skinning
Building a 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 requirements.
Building a 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.