Apply custom CSS to a player


About

Use the External CSS setting to apply custom CSS styling to a player.

This setting is available for video, audio, and reels players.

Access the Visual settings

  1. Log into your Rich Media CMS and click the Studio tab.
  2. From the list, select the player you want to configure.
  3. The settings tab opens.

  4. Click the stars icon.
  5. The visual settings display.

Apply custom CSS

1. Select the External CSS checkbox.

2. In the CSS url field, enter the URL of the CSS file.

3. Click Save at the top right of the settings page.

The player loads and applies the styles from the specified location.

Example

The following CSS code hides the Advance captions settings from the player.

 a.playkit-advanced-captions-menu-link {
display: none;}


Was this article helpful?
Thank you for your feedback!
User Icon

Thank you! Your comment has been submitted.

In this article
Related articles
  • None