Skip to main content

Player Branding

Guide on customizing the appearance and styling of embedded media players.

Vatsal Shah avatar
Written by Vatsal Shah
Updated over 2 weeks ago

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.

Did this answer your question?