Overview
You can customize the colors used throughout the Webcastcloud video player to better match your brand and website styling.
Available customization options include:
- Play Button Color
- Media Control Bar Color
- Video Player Setting Color
- Background Color
How to Customize Video Player Colors
- Login to your Webcastcloud Admin Portal
Navigate to:
Admin > Appearance > Customize
- Select the Play Page tab
- Expand the Video Player menu
- Change the Player Mode from 'Default' to 'Video Mode' if not already selected.
Available Color Settings
Button Color
Controls the primary play button and key interactive player buttons.
Examples:
- Play button
- Pause button
- Interactive controls
Media Control Bar
Controls the color styling for the bottom player control area.
Examples:
- Timeline/progress bar
- Volume controls
- Playback controls
Video Player Setting Color
Controls the color styling for settings and player interface elements.
Examples:
- Settings menu
- Caption controls
- Playback speed controls
Background Color
Controls the background area surrounding the video player.
Best Practices
We recommend:
- Using your primary brand color for buttons
- Ensuring sufficient contrast for accessibility
- Testing colors on both desktop and mobile devices