Video
Embed a YouTube or Vimeo video as a clickable thumbnail. Email clients don't play inline video, so this is the standard pattern.
TSX
<Video videoUrl="https://www.youtube.com/watch?v=dQw4w9WgXcQ" />
TSX
<Video
values={{
video: {
type: 'youtube',
videoId: 'dQw4w9WgXcQ',
thumbnail: 'https://placehold.co/640x360/023059/ffffff?text=Video',
},
}}
/>
| Prop | Type | Notes |
|---|---|---|
videoUrl | string | YouTube/Vimeo URL, auto-parsed via parseVideoUrl |
values.video | { type: "youtube" | "vimeo", videoId, thumbnail } | Manual control |
The videoUrl shorthand is parsed by a built-in matcher that recognizes youtube.com/watch?v=..., youtu.be/..., youtube.com/embed/..., and vimeo.com/... patterns.