To some video is just a lot of pictures played in succession. To others, it's one of the best ways to communicate. The Video Element embeds a video hosted on a third-party site like YouTube or Vimeo, anywhere on your page.

Adding a video

Drag and drop a Video element onto your page from the Elements Panel.

Webflow Video element

Double-click the Video element to pull up the Video Settings. Paste in the URL of your video, hit enter, and the thumbnail for your video will appear in the video element.

 
Must know
Currently, uploading your own video files to the Asset Manager and using them in the video element is not supported. You can upload videos as silent background videos.

Setting dimensions of a video

If you drop the Video Element in a section, it will take up the full width of that section. Move it to a container, and it will take up the full width of the container. If you move it into a column, it will respect the space available inside that column.

 

If you want to set a custom width and height to your video, you can create a custom Div block. To do that, drag in a Div Block from the Elements Panel. Give it a value for width, and another value for height. Now if you drag your video into this custom Div block, it will conform to that size.

 

Other Video Elements

There are other ways to add videos to your project in Webflow. The Background Video element lets you add motion backgrounds without audio. Unlike the video element which only supports Youtube and Vimeo links, the background video element can accept any video file you upload.

 

The Lightbox element lets you open a video in a popup modal. Similar to the video element, the lightbox supports Youtube and Vimeo links.