> ## Documentation Index
> Fetch the complete documentation index at: https://docs.flow-board.co/llms.txt
> Use this file to discover all available pages before exploring further.

# Video

> Use video for screenshots, illustrations, logos, and dynamic visual storytelling.

## What it is

**Video** displays a dynamic auto-played video on the screen.

## What it's best for

Use it when a still visual can explain the product, add credibility, or reinforce the message faster than more copy.

## How to add it in the dashboard

1. Open the screen in the dashboard.
2. Add **Video** from the **Components panel**.
3. Select the video on the **canvas**.
4. In the **properties panel**, choose the video source and set the fit and size.
5. Review how the video crops on the canvas before finalizing the layout.

## Key parameters

| Parameter          | What it changes                        | When to adjust it                                                            |
| ------------------ | -------------------------------------- | ---------------------------------------------------------------------------- |
| Source             | Chooses where the video comes from     | Use it when switching between library assets and hosted video                |
| Video source field | Sets which video appears               | Change it when you update the visual message                                 |
| Width              | Controls how wide the video appears    | Use it when the video should feel more dominant or more compact              |
| Height             | Controls how tall the video appears    | Use it to preserve balance with surrounding copy                             |
| Fit                | Controls how the video fills its frame | Change it when the video is cropping too aggressively or leaving empty space |
| Margin             | Adds space around the video            | Use it to prevent the video from crowding nearby elements                    |

## Example use cases

* A product screenshot that previews a feature before account creation
* A lifestyle video that sets the emotional tone of a welcome screen

## Best practices

* Choose visuals that support the business message, not just fill space.
* Keep important parts of the video visible after cropping.
* Use screenshots when you want clarity and illustrations when you want mood.

## Common mistakes

* Using videos with weak contrast against the rest of the screen
* Letting the video compete with the main call to action
* Choosing decorative visuals that do not help users decide

## Related components

* [Lottie](/components/lottie)
* [Image](/components/image)
* [Positioned](/components/positioned)
* [Stack](/components/stack)