# How to Add a Video to Framer

> To add a video in Framer, open your project, navigate to the Layout tab, and click Video. Drag and drop a video component onto the Canvas, go to the Video field, choose URL, and paste your video link. Finally, add an image, select it to enhance your design, and adjust the layout properties.

Canonical: https://livedemo.ai/tutorials/how-to-add-a-video-to-framer/
Apps: Framer
Updated: 2026-10-05
Interactive demo: https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a01da243f01ed60a4fb81/preview?step=1

## Steps

1. Open your Framer project.
2. Navigate to the 'Layout' tab.
3. Click 'Video' to add dynamic video content to engage visitors.
4. Then, drag and drop a video component onto the Canvas.
5. Go to the 'Video' field and choose 'URL'.
6. Paste your video’s link in the empty field.
7. Refine your design's interactive elements by adding an image.
8. Select an image to enhance your visual design.
9. Adjust the layout properties for better alignment.