Component: VideoEmbed

Purpose

Easily embeds a video player (e.g., from YouTube or Vimeo) into your content.

When to Use

Showing product demos.
Including tutorials or walkthroughs.
Embedding webinars or presentations.

How to Use (Options / Props)

Option (`prop`)	Description	Required?	Example Value(s)
`src`	The full URL of the video (e.g., YouTube or Vimeo link).	Yes	`"https://www.youtube.com/watch?v=..."`, `"https://vimeo.com/..."`
`title`	A description of the video for accessibility.	Yes	`"Product Demo Video"`, `"Tutorial on X"`

Example MDX Usage

Embedding a YouTube Video:

<VideoEmbed
  src="[https://www.youtube.com/watch?v=dQw4w9WgXcQ](https://www.youtube.com/watch?v=dQw4w9WgXcQ)"
  title="Example YouTube Video"
/>

Embedding a Vimeo Video:

<VideoEmbed
  src="[https://vimeo.com/123456789](https://www.google.com/search?q=https://vimeo.com/123456789)"
  title="Example Vimeo Video Showcase"
/>

Updated on: 13/05/2026

Was this article helpful?

Thank you!