This document addresses the difficulties experienced by domestic users learning Framer due to the scarcity of Korean materials. We have translated content from the official blog into Korean and added practical information. We hope this provides some assistance to those using Framer.

Why Should You Host Videos Externally?

Directly uploading video files into Framer makes the site heavy, slowing down loading times. This issue becomes more pronounced with high-resolution videos, which can cause frustration for visitors when opening the page.

By uploading videos to external platforms, you can efficiently process these files, improving loading times and overall performance. For more details on the benefits of this approach, please refer to this document. Ultimately, using this method speeds up your site, allowing visitors to browse without interruptions.

Recommended External Video Hosting Tools

Here are some services frequently mentioned by the Framer community.

Wistia

This service specializes in business videos and offers player customization and viewer analytics features.

Visit the site

Gumlet

A service that automatically optimizes videos and images for fast delivery.

Visit the site

Vidyard

A video hosting service that integrates with marketing tools, allowing detailed analytics.

Visit the site

Google Drive / Dropbox

Although not dedicated services, you can share video links and embed them into Framer.

Visit the site

Select each service based on your needs and budget. Google Drive is adequate for simple sharing, but for serious business marketing, we recommend Wistia or Vidyard.

Integrating with Framer Video Component

Once your videos are ready externally, connecting them within Framer is very straightforward.

1. Insert the Video Component: Drag and drop the Video component onto the Framer canvas.

2. Customize Design: Adjust the component's size, style, and position as desired.

3. Paste Video URL: Copy the video link from the external hosting service and paste it into the URL input field of the Video component.

This process involves loading just the URL, not the video file itself, enabling smooth playback without compromising site performance. This can be particularly beneficial for pages with numerous videos.

If the issue persists, please visit the inquiry page for further assistance.

This article is a translated and adapted version of the Framer official blog's ‘How to host videos outside of Framer’.