Adding Videos

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 they come into view.

Accessibility of videos

If the embedded video doesn’t have an audio track, it is recommended to describe the content of the video below the video. You can find some examples here.