I’m trying to embed a vimeo video, it’s working fine apart from one thing.
It seems I can not change the height of it.
I can alter the width, but not the height.
Right now it’s just a big square, and I want it to be rectangular.
Not sure if it’s the section that is the problem or the video itself.
Using the video component, the video is as large or tall as the element itself, and black bar will happen if needed.
I only see a video by the top of the page is it this one?
If you need more control, you can maybe, from vimeo, get the embed code. Click share on a video and then Show Options
Then you have plenty of things you can adjust. The dimensions etc, and also the color, here I put your signature blue as the overlay color, for example.
And once you get the code you can still modify the width and height in it:
<iframe src="https://player.vimeo.com/video/212745551?color=0033e6" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <p><a href="https://vimeo.com/212745551">Oligarchia s01e01 - Oligorgia</a> from <a href="https://vimeo.com/user65309395">Oligarchia</a> on <a href="https://vimeo.com">Vimeo</a>.</p>
Paste the code into a custom code block and the video should appear right away in the designer.
Huh, I see… wonder why that is? Most videos are rectangular?
That’s correct, the video is the one on the top.
I get it to work like you say. With the code block, just that it’s difficult to center it.
I’m using a container now, and it’s just a little off, compared to before when it didn’t budge.
And to scale it when using tablet/phone view.
Maybe I’ll have to edit the code (width) for each view to make it work?
I get the 100% thing to work. It seems to have solved the view issue!
But the alignment is still off, does not work with the centered text alignment.
However I tried using the margin adjustment, and that seems to make things right. Strange.
You are working with a layout that is not the one of a Webflow Container. Webflow container is 960px and it’s convenient because it’s always centered.
You are working with a layout of 1000px. So what you should do, is to start making your own, centered, 1000px container. Once you make it work, you can reuse it for all your sections, and, for instance, put a video at 100% inside it.
To create such a container, use a div element. Set it at 100px and click on the centering button.
