# Video
Use the Video component to embed and control video playback in your UI.
Home
/ Video
import { Video } from "funuicss";Video Component
Easily embed and control video elements using the FunUi `Video` component.
| Prop | Description | Value(s) |
|---|---|---|
| `src` | Source URL of the video to play. | `string (URL)` |
| `controls` | Show default video controls. | `boolean (default: true)` |
| `autoPlay` | Start playing automatically. | `boolean` |
| `spacebarPlay` | Play the video when the spacebar is pressed. | `boolean (default: true)` |
| `muted` | Mute the video by default. | `boolean` |
| `loop` | Play the video in a loop. | `boolean` |
| `poster` | Image shown before the video loads. | `string (image URL)` |
| `style` | Inline CSS styles for the video element. | `React.CSSProperties` |
| `className` | Custom class names for styling. | `string` |
#
Basic Usage
This is a basic example of the Video component with controls.
React / Next.js
#
Advanced Usage
You can customize the video behavior using additional props like autoPlay, loop, muted, and poster.
React / Next.js