Component Catalog

Video

Native HTML5 video player with controls.

A2UI → Nuxt UI Mapping

A2UI Property	HTML Result
`url`	`<video>` src attribute
`autoplay`	Auto-play attribute
`loop`	Loop attribute

Example JSONL

{"version":"v0.10","createSurface":{"surfaceId":"video_demo","catalogId":"standard"}}
{"version":"v0.10","updateComponents":{"surfaceId":"video_demo","components":[
  {"id":"root","component":"Column","children":["player"]},
  {"id":"player","component":"Video","url":"https://www.w3schools.com/html/mov_bbb.mp4"}
]}}

Properties

Property	Type	Required	Default	Description
`url`	string	✅	—	Video source URL
`autoplay`	boolean	—	`false`	Auto-play on load
`loop`	boolean	—	`false`	Loop playback

Rendering Details

Uses native <video> element with controls enabled
Responsive width (w-full)
Rounded corners for visual consistency

Try It

Copy the JSONL above and paste it in the Playground Paste tab.

Icon

Named icon display mapped to the Lucide icon set.

AudioPlayer

Native HTML5 audio player with optional description.