Stretch Background Video

[webraven]

Hello!

I have a background video that is working nicely but I would like to enlarge it so it will fill the column container. Please see attached.

How would I go about adjusting this? CSS only?

Thank you!

• Bill

[ruenel]

Hello Bill,

Thanks for writing in! This issue would not occur if you are using self-hosted videos. I have a hunch that you are using the Youtube link or Vimeo link as your background image. It is best that you send us the URL of the page so that we can inspect it.

Cheers.

[webraven]

Hi - Yes, it’s a Vimeo feed. So, it’s not possible using Vimeo? Maybe with CSS? Reason being, I would rather not self host this video as the site draws a lot of traffic.

[prakash_s]

Hello @webraven,

I would request you, please share your exact page URL so that we can check it at our end.

Thanks

[webraven]

Hello! Here is the current page:
https://integrity.webraven.net/

Please note if you are a future reader of this post, the screenshot represents what is being seen as this development url will likely be gone.

[tristup]

Hi @webraven,

The video shows as per the aspect ratio of 16:9 or similar and that is why it is not taking the full height of the column. I would suggest you use the Self Hosted video through which you can achieve this.

Thanks

[webraven]

Right, but I would like to have the video in the background of the column. I don’t see how to do this. Is this possible?

[ruenel]

Hello @webraven,

As long as you use a self-hosted video, you can have the video in the background of the column.

Regretfully using a Vimeo video or a Youtube link will not work. It may display a video but you will not have any control over how it would display in the background.

Best Regards.

[webraven]

Thank you, Ruenel, you’re the best. I got it working.

[tristup]

Hi @webraven,

Glad that we are able to help you.

Thanks