Media widget

Video

YouTube, Vimeo or your own video, with a poster. Nothing loads until a visitor presses play.

Build it with your AI

“Add our product video with a poster image, playing only when clicked.”

Live demo

See it working

This is the real widget, not a picture

Settings

27 settings in three tabs

Every setting below is in the editor — and available to your AI through get_widget_schema.

Content

17 settings

Video

Source

YouTube URL

Vimeo URL

Video file

File URL

Accessible title

Aspect ratio

Playback

Start at (seconds)

End at (seconds)

Autoplay

Mute

Loop

Player controls

Privacy mode

Load player on click

Poster image

Play icon

Design

10 settings

Video

Border radius

Border

Shadow

Poster overlay

Poster filters

Play button

Size

Border radius

Shadow

Icon color

Background

Behaviour

shared

On every element

Spacing & position

Background & border

Animations

Motion & effects

Scroll & mouse effects

Visibility

Conditions

Interactions

Attributes & CSS

Build it with AI

Just describe what you want

Your AI looks up the Video settings over MCP and writes the element for you — real, editable and on brand.

Claude · connected to your site

You

Add our product video with a poster image, playing only when clicked.

Claude · using Uncoder

Done — it’s on your site and fully editable.

  • Video added where you asked
  • Styled with your Design System
  • Checked on tablet and mobile
  • get_widget_schema
  • edit_elements
  • audit_page

What the AI writes

video.jsonJSON
{
  "type": "video",
  "settings": {
    "source": "hosted",
    "hosted": { "id": 57 },
    "poster": { "id": 58 },
    "video_title": "Uncoder in action",
    "facade": true
  }
}

Free · GPL · No account

Your next site is one prompt away

Install Uncoder, connect your AI and describe what you want. Every page it builds stays yours to edit.