Video

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

Style settings

Property
Description

Player

Background color

Select the background color for the video player container.

Play button

Choose the color for the main play button that appears in the center of the video before playback begins.

Hover color

Set the color that appears when users hover over control elements.

Icons color

Set the color for playback control icons in the player bar.

Active captions icon

Choose the color for the captions button when active.

Timeline (background)

Set the color for the unfilled portion of the playback progress bar.

Timeline (completed)

Set the color for the filled portion of the playback progress bar.

Border

Rounding

Adjust the slider to control corner roundness of the player.

Display border

Toggle between "Yes" or "No" to add or remove borders around the player.

Border color

Select the color for the video player border.

Thickness

Adjust the slider to control border thickness.

Effects

Player shadow

Add and configure shadow effects for a video:

  1. Click the "+" icon to add shadow effects.

  2. Select from shadow styles: None, Soft, Regular, or Retro.

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.

Last updated

Was this helpful?