Adding Videos
You can add videos to your website by uploading a local video or embedding them from platforms such as YouTube and Vimeo.
Add a Video
To add a video to your site, click the "Insert" button and navigate to the "Media" section. Then, drag and drop a video component onto the Canvas. You have three options: a native Video component, YouTube, or Vimeo.
Make sure to set a poster, which is a thumbnail for your video. Google and other search engines use the poster to display a preview (thumbnail) in search results and snippets (source). Ensure the poster has a minimum size of 60 x 30 px. Framer automatically optimizes how videos are loaded, but not the video content itself. Read more.
Vimeo or YouTube
To integrate YouTube or Vimeo videos, simply provide the video URL to embed it on the canvas. Alternatively, you can upload local files or reference hosted MP4s using the Video component. Customize various properties, including autoplay, custom poster images, border-radius, looping, and sizing, to fit your needs.
Autoplaying Video
Modern browsers like Chrome and Safari have strict rules for autoplaying videos to improve the web browsing experience. Typically, these videos must be muted. To play an autoplaying video with audio, it's recommended to initiate playback after user interaction, such as clicking a button to open an overlay containing the video. Here's our guide on how to do that.
Also check out our help article about how to play videos when the come into view.