How to add videos to a Webflow site

You can add videos to your Webflow site in all kinds of different ways.

NOTE: If your video source doesn't work as expected, let us know so we can add support for it! 

How to add a video to a static page

1. Open the Add Element panel, scroll to Media, and add a Video element to your canvas
2. Go to the Settings tab
3. Find the Video Settings module
4. Paste in your video's URL
   

How to add a video to a Rich Text Block

1. Add a Rich Text Block from the Add Element panel to your canvas
2. Click the Add Media button
3. Click the Video button
4. Paste in the video's URL
   
5. Click Confirm

How to add a video to a Collection Item

1. Create a Collection with a Video field
   
2. Create a Collection Item with video data
   
3. Bind a static Video element to your data
   

How to add an HTML5 video to your site

1. Add an Embed element to your Canvas
   
2. Go to the Settings tab
3. Find the Embed Settings module
4. Paste your video code
   Getting Started with HTML5 Video
5. Save and Publish your site

How to add a background video

1. Add a Background Video element to your Canvas
2. Go to the Settings tab
3. Find the Background Video Settings module
4. Click Upload Video

NOTE: The Background Video element only supports WEBM, MP4, MOV, and OGG file formats at this time and must be smaller than 30MB. Encode settings for HTML5 background video.