Hero Video Player
A beautiful hero video player with a glassmorphism play button and a smooth modal dialog. Perfect for product demos, hero sections, and feature highlights.
Basic Usage
Loading...
Props
| Prop | Type | Default | Description |
|---|---|---|---|
videoSrc | string | - | The URL of the video to play (e.g., YouTube embed URL). |
thumbnailSrc | string | - | The URL of the thumbnail image to display. |
thumbnailAlt | string | "Video thumbnail" | Alt text for the thumbnail image. |
title | string | "Play Video" | Accessibility title for the video trigger. |
className | string | "" | Additional CSS classes for the container. |
Tip: Use Alt + ← / → to navigate