Video

The Video block allows you to embed or upload video content from various sources directly into your flexible section. You can control the video source, playback behavior, aspect ratio, width, and corner styling.

General settings

Setting
Description

Video Source

Select where the video comes from:

  • External Link (Default — for YouTube/Vimeo)

  • Uploaded Video (for self-hosted video files).

Video Link

Only visible when Video Source is External Link.

Paste the URL for the external video (accepts YouTube or Vimeo links).

Local Video

Only visible when Video Source is Uploaded Video.

Allows you to upload a self-hosted video file to the section.

Video Poster

Only visible when Video Source is Uploaded Video.

Upload an image to display as a cover screen before the video starts playing.

Autoplay

A checkbox that, when enabled, allows the video to start playing automatically when the page loads (Default is checked).

Looping

A checkbox that, when enabled, ensures the video will automatically restart once it finishes playing.

Alt Description

Provides descriptive text for the video, which is crucial for SEO and accessibility.

Aspect Ratio

Defines the dimensions of the video container. Options include:

  • Square

  • Portrait

  • 16:9 (Default)

  • 21:9

  • Adapt (Maintains the original video ratio).

Video width

Sets the width of the video block on larger screens, measured in percentage (%) (Range: 1% to 100%).

Mobile Width

Sets the width of the video block specifically on mobile devices, measured in percentage (%) (Range: 1% to 100%).

Corner Radius

Controls the rounding of the video block's corners. Options include:

  • Inherit (Default — adopts the Theme settings's radius),

  • None (Sharp corners)

  • Custom (Allows you to set a specific radius).

Custom Radius

Only visible when Corner Radius is Custom.

Use the slider to set a specific corner radius for the video block, measured in pixels (px) (Range: 0px to 100px).

Spacing

These settings control the external spacing (padding) applied directly above and below this specific block.

Setting
Description

Top

Sets the amount of empty space (padding) above this button block. Measured in pixels (px) (Range: 0px to 100px).

Bottom

Sets the amount of empty space (padding) below this button block. Measured in pixels (px) (Range: 0px to 100px).

Last updated