# Video Player

> Add videos to your board by uploading video files or linking external video URLs. The integrated player lets you watch and discuss videos directly on the board.

Source: https://mockflow.com/docs/boards/components/video-player-in-ideaboard

Available in:
                    

              Basic
            

              WireframePro
            

              MockFlow Board
            

              Bundle Plan
            

              Enterprise
            

The Video Player component in MockFlow Board allows you to embed and play videos directly on your whiteboard. Instead of switching to external tabs or media players, you can watch demos, tutorials, reference clips, or recorded sessions right where your brainstorming happens.

The video appears as an interactive player with playback controls, enabling teams to collaborate visually and maintain all context in one organized space.

## **How to add a Video Player Component?**

1. In the MockFlow Board editor, click on the 'Add' icon in the top left corner.

1. This will open the components modal. Look for the Video Player Component and add it to the canvas by dragging and dropping it.

![Adding the Video Player Component - MockFlow IdeaBoard](https://assets.mockflow.com/docs/media/a26c00f791c53f42d5d0813b.gif)

Generate video with AI: By using ‘Generate with AI’, you can create a video inside your MockFlow Board editor simply by entering a prompt.

![Generating Video with AI - MockFlow IdeaBoard](https://assets.mockflow.com/docs/media/5b4fce301941e300c5f25196.gif)

Multiple options to import a Video: The Video Player component allows you to insert a video into the MockFlow Board editor in three ways. Click Select Video and choose from the dropdown options: Upload Video, Select Video, or Video URL.

![Options to import a video - MockFlow IdeaBoard](https://assets.mockflow.com/docs/media/4f24f8d0f65e06a1e1d80a46.gif)

Adding a title to the Video Player component: By using the ‘Edit Title’ option from the quick toolbar, you will be able to add or modify the title of the Video Player component.

![Adding title to the Video Player component - MockFlow IdeaBoard](https://assets.mockflow.com/docs/media/de0b482500af5103d354f213.gif)

**Changing the theme of the Video Player component:** You can customize the theme of the Video Player component using the 'Change Theme' from the quick toolbar.

![Customizing themes in Video Player Component - MockFlow IdeaBoard](https://assets.mockflow.com/docs/media/a8587dc0ef43d23833dd4886.gif)

**Set aspect ratio of your choice:** The MockFlow Board offers multiple aspect ratios to choose from, and you can also resize the Video Player component to any preferred dimensions, which will be treated as a custom size. You can adjust the aspect ratio of the Video Player using the 'Change Aspect Ratio' option from the quick toolbar.

![Customizing themes in Video Player Component - MockFlow IdeaBoard](https://assets.mockflow.com/docs/media/46e0a5482626bfcf74bc8557.gif)

Interacting with the Video Player Component: Using the 'Interact with Component' option enables playback controls within the Video Player component. Once enabled, you’ll be able to play the video and adjust the progress using the play bar, as well as mute or unmute audio and view the video in full-screen mode.

![Interaction in Video Player - MockFlow IdeaBoard ](https://assets.mockflow.com/docs/media/bee830bb317831cb48c72ac5.gif)

Enabling the advanced Settings for Audio component: To access the advanced settings toolbar, click on the 'Toggle Advanced Settings' option from the quick toolbar. You can find advanced options like move and export.

**Using the Focus mode: **There’s a Focus Mode that hides all other components and highlights only the Audio component. To enable it, click the 'Focus' icon in the quick toolbar to enable it, and click the Close icon at the top-right to exit.

![Navigating to focus mode in Video Player - MockFlow IdeaBoard](https://assets.mockflow.com/docs/media/951c2837e2789efe21665b33.webp)

Share component link with team: In Focus Mode, you’ll find a Share icon at the top-right corner next to the Close button. Click it to copy a unique link to the audio component view, which you can share directly with your team.

![Sharing the Video Player component - MockFlow IdeaBoard](https://assets.mockflow.com/docs/media/d7afc150962f9d8a41ceec61.webp)