Skip to content
Zenit

Video

The video section presents campaigns, products and usage details with editable content over or beside the media.

Available presets

Section titled “Available presets”
  • Overlay video — video within page width, with a callout over the media and manual playback through the central button.
  • Video with text beside it — video and commercial content in two desktop columns; on mobile, vertical media appears before text.
  • Full-screen video — full-width video, with automatic playback, overlaid callout and button.

Presets are starting points. Headings, text, buttons, alignment, spacing, colors, cover and mobile aspect ratio remain editable in the new editor (Brand Editor).

In Add section, overlay and full-screen presets are in Video. The side-by-side preset is in Video and text editorial.

Without a URL, the example cover maintains composition and overlay. In manual mode, the play icon is illustrative until a video is entered. Play button position can be central or right; the overlay preset starts centered. On mobile, internal spacing respects configured editor controls.

Playback and formats

Section titled “Playback and formats”

The video field accepts providers available in the editor, including YouTube and Vimeo. Use a cover image to control presentation before player loading.

With automatic playback, video starts muted when it enters the visible area, subject to browser rules. With manual playback, the visitor uses the play control over the cover.

In the side-by-side preset, video is square on desktop and vertical on mobile. Rounding applies to the combined media/content surface without creating corners at the internal division, including when blocks stack on mobile. The overlay starts square on mobile. The full-screen preset occupies 85% of visible height with a 480-pixel minimum, with either video or placeholder. Disable Full screen to return to the configured aspect ratio.

Before publishing

Section titled “Before publishing”
  • Check cover and video crops on desktop and mobile.
  • Ensure sufficient contrast between media, overlay and text.
  • Use short headings in overlay compositions.
  • Test the button and playback on the storefront before publishing.