Videos can help showcase products, explain concepts, and create more engaging experiences. Framer supports uploaded videos, hosted MP4 files, and embedded content from YouTube and Vimeo.
To add a video to your site:
Click Insert.
Open the Media section.
Drag a video component onto the Canvas.
Choose one of the following options:
Video for uploaded or hosted video files
YouTube for YouTube videos
Vimeo for Vimeo videos
To embed a YouTube or Vimeo video:
Add a YouTube or Vimeo component to the Canvas.
Paste the video URL into the component settings.
The video will be embedded directly on the page.
When using the Video component, you can adjust several playback and appearance settings, such as autoplay, poster images or border radius.
These settings can be configured in the right panel after selecting the video component.
Most modern browsers require autoplaying videos to be muted by default. If a video includes audio, playback should typically begin after a user interaction, such as clicking a button.
If you want videos to start automatically as visitors scroll through a page, refer to the guide on playing videos when they come into view.
If a video does not contain an audio track, provide a short text description below the video that explains what it shows.
Text descriptions help visitors understand the content and improve accessibility for users who rely on assistive technologies.