Skip to main content

Appearance & Brand

Change the player color, and control branding with Appearance & brand.

Written by Caroline F

Get your media looking sharp! Perfectly tailor your media’s visual style in the Appearance & brand tab. Customize is your first stop for making your Wistia media your own.

To access the Appearance & brand settings, open the "Customize" panel on your media page.

Then, click into the “Appearance & brand" tab.

Tip

Want to customize your public video page instead of the player? Head on over to the Customize Video Page.

Appearance & brand

In the Appearance & brand tab, you can update the player color, add or remove player branding, round the player corners, or apply a brand kit.

Every account comes with a Default Brand Kit that sets the starting styles for new media: player color, rounded corners, an accessible icon color, and a player logo. On most paid plans, Account Owners and Managers can also create additional brand kits from the Brands page and apply them to individual media, video pages, and channels. Brand kits can't be applied to webinars, folders, or several media at once just yet.

First, set the player color to match your branding for a more consistent viewer experience.

You can turn player branding on or off (depending on your plan) and, optionally, add custom player branding.

Change the player color

Updating the player color is the simplest way to make the Wistia player your own. To start, choose a Color style from the Appearance & brand tab in the Customize panel.

Solid color style

With the Solid color style selected, choose the color you’d like from the color picker or your Asset Library. You can also enter a hex code to get your player color just right.

Turn on Use accessible icon color, and the player will automatically switch its icons between dark and light, so they keep enough contrast to meet accessibility (WCAG) standards. No limited palette required. If your color still doesn't give enough contrast, you'll see a heads-up in the Customize panel. Learn more about accessibility with Wistia here.

To update the player color for multiple players at a time, please see Bulk Player Color Updates.

To set an account-wide default player color, an Account Owner or Manager can update the Default Brand Kit from the Brands page. Changes apply to newly uploaded media and to existing media that still uses the default styles. Media that already has its own player color keeps it, so update those from Customize, or apply a color to a whole folder with Set Folder Defaults (Owners and Managers only).

Gradient color style

The Gradient color style lets you select from pre-defined gradients or create a unique color combination.

Fine-tune your color choices by clicking on each gradient color and adjusting the color picker. Alternatively, you can type in hexadecimal colors.

Don't forget to use the gradient sliders to get the blend of your colors just right.

Icon color

When you select "Use accessible icon color" in the Appearance & brand tab, the player automatically adjusts icon colors (dark or light) based on the player color you choose. This ensures the player color provides enough contrast for the icons to meet accessibility standards.

New accounts have accessible icon color turned on by default. On older accounts, turn it on from any media's Customize panel. You'll be asked whether to apply it to your whole account, which updates your Default Brand Kit. Channels always use accessible icon colors, so button text may switch to black or white depending on your color.

Note

If "Use accessible icon color" is greyed out, your player is using a gradient. Gradient players use white icons.

Control opacity

From the Appearance & brand tab, you can control the opacity of the playbar and the big play button. Choosing "Translucent" produces a see-through effect, while "Opaque" displays a solid background.

Translucent controls blend with the video behind them, so your player color can look lighter or darker from scene to scene. If you want your color to look exactly the same every time, choose Opaque. When you pick an option, you'll be asked whether to make it your account default.

Player rounded corners

In Appearance & brand, drag the slider to adjust how rounded you want the player corners to be.

If you don't see the rounded corners slider, scroll down further in the Appearance & brand section.

Player branding

Custom player branding

Custom player branding lets you personalize your media with a logo.

Check off "Custom player branding" to add or replace your logo. Once it's on the player, you can choose whether the logo displays in the top left, top right, bottom left, or bottom right. You can also choose your logo's size and add a link to a webpage.

Note

Audio files do not support custom player branding. Custom player branding is available on all paid Wistia plans.

Wistia logo

With the Wistia logo setting enabled, the Wistia logo appears as a badge on the playbar.

On the Free plan, the Wistia logo always appears on your embeds and share pages and can't be turned off. Custom player branding and the Wistia logo are separate settings; if both are off, the player shows no logo at all.

Tip

Upgraded your account, but still see the Wistia logo? Media uploaded and customized before you upgrade your account will keep the same customizations, but you can always head into the Customize panel to turn this option off.

Troubleshooting

Some videos still show my old player color

Those videos already had their own player color saved, so a Default Brand Kit change doesn't overwrite it. Update them from Customize, or use Set Folder Defaults.

My player color looks like different shades

Your controls are set to Translucent. Switch to Opaque for a consistent color.

I can't save a folder's player color or logo. Folder color and logo defaults are brand-level settings, and only an Account Owner or Manager can save them.

My logo isn't showing

Make sure "Custom player branding" is checked and a logo is uploaded under Customize > Appearance & brand.

Did this answer your question?