{"id":64747,"date":"2026-10-01T08:50:02","date_gmt":"2026-10-01T08:50:02","guid":{"rendered":"https:\/\/www.5centscdn.net\/help\/?p=64747"},"modified":"2026-10-01T09:06:17","modified_gmt":"2026-10-01T09:06:17","slug":"how-to-add-subtitles-and-style-closed-captions-on-your-video-player","status":"publish","type":"post","link":"https:\/\/www.5centscdn.net\/help\/how-to-add-subtitles-and-style-closed-captions-on-your-video-player\/","title":{"rendered":"How to Add Subtitles and Style Closed Captions on Your Video Player"},"content":{"rendered":"\n

This article explains how to configure subtitles and closed captions on your video player. You can add languages for automatic subtitle translation and customize the appearance of closed caption text.<\/p>\n\n\n\n

These settings are available under Subtitles Automatic Translations<\/strong> and CC (Closed Caption) Tracker Styles Setup<\/strong>.<\/p>\n\n\n\n

\n\n\n\n

Subtitles Automatic Translations<\/h2>\n\n\n\n

The Subtitles Automatic Translations<\/strong> section allows you to add the languages into which your subtitles can be automatically translated.<\/p>\n\n\n\n

To add a language, type or select the desired language. The selected language will appear as a tag.<\/p>\n\n\n\n

To remove a language, click the \u00d7<\/strong> icon on the corresponding language tag.<\/p>\n\n\n\n

Once configured, viewers can select the available subtitle languages from the player.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\n\n\n\n

CC (Closed Caption) Tracker Styles Setup<\/h2>\n\n\n\n

The CC (Closed Caption) Tracker Styles Setup<\/strong> section allows you to customize how closed caption text appears on the video player.<\/p>\n\n\n\n

Each setting is available as a dropdown option.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Font Family<\/h3>\n\n\n\n

Select the typeface used to display the caption text.<\/p>\n\n\n\n

Available options may include Script<\/strong>, Sans-serif<\/strong>, Monospace<\/strong>, and other supported font styles.<\/p>\n\n\n\n

Font Size<\/h3>\n\n\n\n

Set the size of the caption text as a percentage.<\/p>\n\n\n\n

Edge Style<\/h3>\n\n\n\n

Select the outline or shadow style applied around the caption characters.<\/p>\n\n\n\n

Available options may include Depressed<\/strong>, Raised<\/strong>, Outline<\/strong>, and Drop Shadow<\/strong>.<\/p>\n\n\n\n

Edge styles can help improve caption readability against different video backgrounds.<\/p>\n\n\n\n

Text Opacity<\/h3>\n\n\n\n

Set how solid or transparent the caption text appears.<\/p>\n\n\n\n

Text Color<\/h3>\n\n\n\n

Select the color of the caption text.<\/p>\n\n\n\n

Background Color<\/h3>\n\n\n\n

Select the color of the background directly behind the caption text.<\/p>\n\n\n\n

Background Opacity<\/h3>\n\n\n\n

Set how solid or transparent the caption background appears.<\/p>\n\n\n\n

Window Color<\/h3>\n\n\n\n

Select the color of the larger caption window that appears behind the caption area.<\/p>\n\n\n\n

Window Opacity<\/h3>\n\n\n\n

Set how solid or transparent the caption window appears.<\/p>\n\n\n\n

\n

Tip:<\/strong> For better readability, use light-colored text with a dark, semi-transparent background. You can also use an Edge Style<\/strong> such as Depressed<\/strong> or Drop Shadow<\/strong> to make captions easier to read against busy video backgrounds.<\/p>\n<\/blockquote>\n\n\n\n

\n\n\n\n

Related Articles<\/h2>\n\n\n\n