Media widget
Video Playlist
A video player with a clickable playlist of titles, thumbnails and durations.
Build it with your AI
“Add a playlist of our three tutorial videos with thumbnails and durations.”
Live demo
See it working
Settings
39 settings in three tabs
Every setting below is in the editor — and available to your AI through get_widget_schema.
Content
14 settings
Videos
Videos
Playlist title
Show position (2 / 5)
Layout
List position
List width
List height
Player aspect ratio
Show thumbnails
Show durations
Show descriptions
Playback
Play the next video automatically
Loop the playlist
Privacy mode
Play icon
Design
25 settings
Player
Gap to the list
Border radius
Shadow
Size
Icon color
Background
Hover background
List
Background
Padding
Border radius
Border
Space between items
Item padding
Item radius
Text color
Indicator color
Text
Playlist title
Playlist title color
Video titles
Descriptions
Description color
Duration color
Duration background
Thumbnails
Width
Border radius
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 Playlist settings over MCP and writes the element for you — real, editable and on brand.
Claude · connected to your site
You
Add a playlist of our three tutorial videos with thumbnails and durations.
Claude · using Uncoder
Done — it’s on your site and fully editable.
What the AI writes
{
"type": "video-playlist",
"settings": {
"playlist_title": "Tutorials",
"videos": [
{
"title": "Uncoder in action",
"file": { "id": 57 },
"thumbnail": { "id": 58 },
"duration": "0:42",
"description": "A quick tour of the editor and the AI tools."
},
{
"title": "Big Buck Bunny",
"url": "https://www.youtube.com/watch?v=aqz-KE-bpKQ",
"thumbnail": { "id": 1478 },
"duration": "10:34",
"description": "A sample YouTube video."
}
]
}
}More media widgets
Works well with
Facebook Embed
A Facebook page, post or video on your site — loading only when a visitor asks for it.
Google Maps
A map of your address that can wait for a click before loading anything from Google.
Hotspot
An image with pulsing markers that open little tooltips.
Image Carousel
Swipe through images, several per view, with captions and a lightbox.
Before / After
Drag a divider to compare two images: before and after, draft and final.
Image Gallery
Images in a grid, masonry or justified rows, with captions, hover effects and a lightbox.