Skip to main content

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',
},
}}
/>
PropTypeNotes
videoUrlstringYouTube/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.