Video

Type identifier: video Category: Experience Blocks

Description

Media block for rendering video sources, with intrinsic dimensions and optional media control settings.

Property	Type	Required	Notes
`id`	`string`	Yes	Shared block identifier.
`type`	`"video"`	Yes	Block discriminator.
`src`	Media source	Yes	URL, datum-based source, or file reference.
`width`	`number`	Yes	Intrinsic/render width.
`height`	`number`	Yes	Intrinsic/render height.
`cssWidth`	CSS size \| `"auto"`	No	CSS width override (also accepts `auto`).
`cssHeight`	CSS size \| `"auto"`	No	CSS height override (also accepts `auto`).
`objectFit`	`"fill" \| "contain" \| "cover" \| "none" \| "scale-down"`	No	Replaced element fit behaviour.
`objectPosition`	`string`	No	Replaced element position.
`autoPlay`	`boolean`	No	Media autoplay option.
`loop`	`boolean`	No	Media loop option.
`muted`	`boolean`	No	Media muted option.
`controls`	`boolean`	No	Media controls visibility.
`states`	`State[]`	No	Optional state-specific overrides.

The shared block style, layout, and data properties also apply to Video blocks.

State entries follow the shared state shape and support partial video overrides.

No states are currently available for Video blocks.

{
  "id": "video-1",
  "type": "video",
  "src": "https://cdn.example.com/video.mp4",
  "width": 1280,
  "height": 720
}