Customization
Custom Styling
You can customize the appearance by passing additional CSS classes:
<VideoDialog
className="custom-video-dialog"
videoSrc="..."
thumbnailSrc="..."
/>Props
| Prop | Type | Default | Description |
|---|---|---|---|
videoSrc | string | Required | URL of the video to play (YouTube embed, MP4, etc.) |
thumbnailSrc | string | Required | URL of the thumbnail image |
title | string | "Sample Video" | Title displayed in the modal header |
thumbnailAlt | string | "Video thumbnail" | Alt text for the thumbnail image |
animationStyle | AnimationStyle | "from-center" | Animation style for modal entrance/exit |
className | string | "" | Additional CSS classes |