# Video

**Video** allows you to integrate visual media content to enhance learning and engagement.

## Style settings

<table><thead><tr><th width="209">Property</th><th>Description</th></tr></thead><tbody><tr><td><strong>Player</strong></td><td></td></tr><tr><td>Background color</td><td>Select the background color for the video player container. </td></tr><tr><td>Play button</td><td>Choose the color for the main play button that appears in the center of the video before playback begins.</td></tr><tr><td>Hover color</td><td>Set the color that appears when users hover over control elements.</td></tr><tr><td>Icons color</td><td>Set the color for playback control icons in the player bar.</td></tr><tr><td>Active captions icon</td><td>Choose the color for the captions button when active. </td></tr><tr><td>Timeline (background)</td><td>Set the color for the unfilled portion of the playback progress bar. </td></tr><tr><td>Timeline (completed)</td><td>Set the color for the filled portion of the playback progress bar. </td></tr><tr><td><strong>Border</strong></td><td></td></tr><tr><td>Rounding</td><td>Adjust the slider to control corner roundness of the player.</td></tr><tr><td>Display border</td><td>Toggle between "Yes" or "No" to add or remove borders around the player.</td></tr><tr><td>Border color</td><td>Select the color for the video player border.</td></tr><tr><td>Thickness</td><td>Adjust the slider to control border thickness.</td></tr><tr><td><strong>Effects</strong></td><td></td></tr><tr><td>Player shadow</td><td><p></p><p>Add and configure shadow effects for a video:</p><ol><li>Click the "+" icon to add shadow effects.</li><li>Select from shadow styles: <strong>None</strong>, <strong>Soft</strong>, <strong>Regular</strong>, or <strong>Retro</strong>.</li></ol></td></tr></tbody></table>

## Typography settings

Typography settings for both the player and timeline labels can be configured with:

* Font
* Style
* Size
* Line spacing
* Color

For details on how to configure each parameter, see [Typography and fonts](/branding/create-branding/typography-and-fonts.md).<br>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.parta.io/branding/create-branding/elements/video.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.