---
title: Video
description: Render responsive video playback in documentation content
type: reference
summary: Use Video for embedded video sources inside React UI or authored MDX.
related:
  - /docs/components
---

import { Video } from "@vercel/geistdocs/components/video";

<Video src="https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.mp4" />

```tsx
import { Video } from "@vercel/geistdocs/components/video";

export function Demo() {
  return <Video src="https://example.com/demo.mp4" />;
}
```

`Video` is also included in the default MDX component map.