How can I adjust the width of a Vimeo video in Webflow to scale proportionately with the images above?

Published on
September 22, 2023

To adjust the width of a Vimeo video in Webflow to scale proportionately with the images above, you can follow these steps:

  1. Select the Vimeo video element in Webflow by clicking on it.
  2. In the right sidebar, go to the "Settings" tab.
  3. Under the "Width" option, select the "Auto" setting. This will allow the video to automatically adjust its width based on the container it is placed in.
  4. Now you need to make sure the container above the video has a width that allows for proportional scaling. Here's how to do it:
  • Select the container element that holds the images above the video.
  • In the right sidebar, go to the "Layout" tab.
  • Under the "Width" option, select a width value that works well with the design. You can use pixels, percentages, or other units to specify the width.
  • If you want the container and the video to be centered, you can use the "Margin" settings under the "Layout" tab to add left and right auto margins.
  1. Preview your changes to see if the width of the video is scaling proportionately with the images above. Adjust the container width as needed.

By following these steps, you can ensure that the Vimeo video in Webflow scales proportionately with the images above, creating a visually pleasing and cohesive design.

Additional Questions:

  1. How can I resize a Vimeo video in Webflow?
  2. Can I change the height of a Vimeo video in Webflow?
  3. What are some best practices for incorporating videos in Webflow designs?