Player Branding
Overview
Make your embedded media players look exactly like your brand. You can easily customize colors, themes, and fonts to create a seamless experience for your audience.
This ensures your brand identity is consistent across all your content, enhancing professionalism and recognition.
Getting Started
To access this feature, go to Shared Media β Settings β Branding & Customization in your dashboard.
Configuration
You can fully customize the appearance of your embedded media players to match your brand identity.
Follow these steps to adjust your player's look:
Go to Shared Media > Settings > Branding & Customization (or Player Settings for media players).
Colors: Set your Primary Color (buttons, highlights) and Font Color.
Theme: Choose between 'Light' or 'Dark' mode base themes.
Font Family: Select from available fonts (e.g., Poppins, Inter) to match your website.
Waveform: Toggle 'Hide Waveform' if you prefer a cleaner look.
Advanced CSS
For granular control, look for the Custom CSS field in the settings. You can enter standard CSS code here to override specific styles, such as:
.sp-recorder-btn {
border-radius: 20px;
font-weight: bold;
}
These changes update the player in real-time.
Next Steps
Ready to get started? Here's what to do next:
Login to your account and navigate to the Branding & Customization settings.
Experiment with the color and theme options to find the perfect fit for your brand.
Use the Custom CSS field for any advanced styling needs.
Need help? Contact our support team or check out our other guides.
