Player Themes

We provide the ability to customize api.video player to match your brand color scheme, as well as include your company logo with the player.

The three major aspects and importance of video player customization are:

  • Branding: Customizing the color scheme and adding your company logo to the video player can help reinforce brand recognition and increase brand awareness among viewers.

  • Professionalism: A customized video player with a consistent color scheme and company logo can help create a professional image for your brand and improve the overall look and feel of the video content.

  • Differentiation: A customized video player can differentiate your brand from others in the market, as viewers are more likely to remember and associate your brand with the video content they watch, which can lead to increased brand loyalty and engagement.

How to customize?

There are two options to customize your player, you can either use the API with the endpoints that are described further on or you can use the customizer available in the dashboard

Custom company logo

You have the ability to add a clickable custom company logo to your videos.

Available customization options

Parameter NameDescriptionTypeDefault
nameThe name of the player themestring
textRGBA color for timer text.

stringrgba(255, 255, 255, 1)
linkRGBA color for all controls.

stringrgba(255, 255, 255, 1)
linkHoverRGBA color for controls when hovering over.

stringrgba(255, 255, 255, 1)
linkActiveRGBA color for the play button when hovered.

stringrgba(255, 255, 255, 1)
trackPlayedRGBA color playback bar: played content.

stringrgba(88, 131, 255, .95)
trackUnplayedRGBA color playback bar: downloaded but unplayed (buffered) content.

stringrgba(255, 255, 255, .35)
trackBackgroundRGBA color playback bar: background.

stringrgba(255, 255, 255, .2)
backgroundTopRGBA color: top 50% of background.

stringrgba(0, 0, 0, .7)
backgroundBottomRGBA color: bottom 50% of background.

stringrgba(0, 0, 0, .7)
backgroundTextRGBA color for title text.

stringrgba(255, 255, 255, 1)
enableControlsEnabled or disabled player controls.booleanTrue
enableApienable/disable player SDK access.booleanTrue
forceAutoplayenable/disable player autoplay.booleanFalse
hideTitleHide video title.booleanFalse
forceLoopEnable video loop by default.booleanFalse