# Video

Embed a video with built-in playback controls and lazy loading support.

---

## Default

```tsx
import { Video } from '@vercel/geistcn/components';
import type { JSX } from 'react';

export function Component(): JSX.Element {
  return (
    <Video
      height={400}
      lazy={false}
      src="https://assets.vercel.com/video/upload/v1709838074/samples/cld-sample-video.mp4"
      width={600}
    />
  );
}
```

## No Loop

```tsx
import { Video } from '@vercel/geistcn/components';
import type { JSX } from 'react';

export function Component(): JSX.Element {
  return (
    <Video
      height={400}
      lazy={false}
      loop={false}
      src="https://assets.vercel.com/video/upload/v1709838074/samples/cld-sample-video.mp4"
      width={600}
    />
  );
}
```

## No Controls

```tsx
import { Video } from '@vercel/geistcn/components';
import type { JSX } from 'react';

export function Component(): JSX.Element {
  return (
    <Video
      controls={false}
      height={400}
      lazy={false}
      src="https://assets.vercel.com/video/upload/v1709838074/samples/cld-sample-video.mp4"
      width={600}
    />
  );
}
```