How To Add Audio & Video in Framer

Step-by-step guide: Adding video & audio in Framer

Explore these detailed steps and guiding screenshots to quickly and easily learn how to upgrade your Frame site with video and audio.

Adding Videos

1. Select the Frame
   Click on the Frame where you want to add the video

2. Insert Media
   Click the Insert icon in the top right corner
   Select the Media tab

3. Add Video
   Drag and drop the appropriate icon (YouTube, Vimeo, or Video) into your Frame

4. Adjust Positioning
   Use the panel options on the left to adjust your video’s size and position

5. Configure Settings
   Scroll through the panel options to adjust settings based on your video source (options below)

For YouTube or Vimeo:

1. Insert the video link.
2. Adjust settings like Autoplay, Mute, Color, and Radius.

 

For Other Videos:

1. Insert a unique URL or upload a file from your computer.
2. Adjust settings like Play, Poster, Background, Radius, Start Time, Loop, Cover, Controls, and Mute.

You’re all set! Your video is now added to your Framer site.

---

Adding Audio

1. Select the Frame
   Click on the Frame where you want to add the video

2. Insert Media
   Click the Insert icon in the top right corner
   Select the Media tab

3. Add Audio
   Drag and drop the appropriate icon (Spotify, Apple Podcasts, SoundCloud, Apple Music, Simple Cast, or MP3) into your Frame

4. Adjust Sizing
   Use the panel options on the left to adjust the audio player’s size and position

5. Configure Settings
   Scroll through the panel options to find Properties
   Insert the audio URL and adjust settings like Theme

You’re all set! Your audio is now added to your Framer site.

---