F. Media & Content

Video Section

Player page with chapters, video grid & playlist, featured hero and a live stream with chat.

4 screensDesktop · Tablet · MobileLight · Dark

Write every screen of this block into your project — the source is then yours to edit.

bash

npx @wunderui/cli add media/video

01Video player page with chapters

Uses: VideoPlayer · Slider · Tabs · Avatar

components/blocks/media/video/01-player-chapters.tsx

Uses: VideoCard · Segment · Badge · Pagination

components/blocks/media/video/02-grid-playlist.tsx

Uses: VideoPlayer · Button · Badge · VideoCard

components/blocks/media/video/03-featured-hero.tsx

Uses: VideoPlayer · Badge · ChatMessage · TextField

components/blocks/media/video/04-live-stream-chat.tsx