# Video (https://openknowledge.ai/docs/reference/components/video)

HTML5 video player with native controls

## Example

```md
![[demo-clip.mp4]]
```

## Props

| Prop | Type | Required | Default | Description |
| --- | --- | --- | --- | --- |
| `src` | `string` | yes |  | Video source URL |
| `controls` | `boolean` | no | `true` | Show native HTML5 video controls (defaults to true) |
| `autoplay` | `boolean` | no |  | Begin playback as soon as possible (usually requires muted) |
| `poster` | `string` | no |  | Poster image URL shown before playback |
| `width` | `number` | no |  | Video width |
| `height` | `number` | no |  | Video height |
| `title` | `string` | no |  | Native HTML title attribute (tooltip) |
| `muted` | `boolean` | no |  | Mute audio on load |
| `loop` | `boolean` | no |  | Restart from the beginning when playback ends |
| `playsinline` | `boolean` | no |  | Play inline on iOS rather than entering fullscreen |
| `preload` | `'none' \| 'metadata' \| 'auto'` | no |  | Hint for how much of the video to preload |

*Also matches:* `video`, `media`, `player`, `mp4`, `webm`, `movie`

## Author it

Type `/video` in the editor to insert it from the slash menu, or write the tag directly in source mode. The Properties panel on the right of the editor exposes every prop above as a form field once the block is selected.