Player customization

api.video enables you to customize the api.video player and match your brand's 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:

Add a custom company logo

You can add a clickable custom company logo to your videos.

Available customization options

Parameter Name Description Type Default
name The name of the player theme string
text RGBA color for timer text. string rgba(255, 255, 255, 1)
link RGBA color for all controls. string rgba(255, 255, 255, 1)
linkHover RGBA color for controls when hovering over. string rgba(255, 255, 255, 1)
linkActive RGBA color for the play button when hovered. string rgba(255, 255, 255, 1)
trackPlayed RGBA color playback bar: played content. string rgba(88, 131, 255, .95)
trackUnplayed RGBA color playback bar: downloaded but unplayed (buffered) content. string rgba(255, 255, 255, .35)
trackBackground RGBA color playback bar: background. string rgba(255, 255, 255, .2)
backgroundTop RGBA color: top 50% of background. string rgba(0, 0, 0, .7)
backgroundBottom RGBA color: bottom 50% of background. string rgba(0, 0, 0, .7)
backgroundText RGBA color for title text. string rgba(255, 255, 255, 1)
enableControls Enabled or disabled player controls. boolean True
enableApi Enable/disable player SDK access. boolean True
forceAutoplay Enable/disable player autoplay. boolean False
hideTitle Hide video title. boolean False
forceLoop Enable video loop by default. boolean False

Was this page helpful?