Hi there, I have the same problem as you, and I would like to know if someone could help you from support with the plugin? Thanks in advance and many greetings! Sebastian
Hi Sebastian
They did get back to me yes – but the author of the plugin said that there was no absolute way to make the video display correctly across multiple devices (because desktop and mobile aspect ratios are all different).
I was using the <body> container though so in my case the video was taking up the entire page. Not sure if it would work differently if you used other containers …
Hi all!
Yes, what 0excusesfitness is correct. Since video backgrounds take up the container’s space, there is no true way to set the size of the video background, unless you set the container size to a fixed width and height. Additionally, you could use a CSS aspect ratio.
I would recommend this method since most videos are a 16:9 aspect ratio. you can set the aspect ratio of your container through a few lines of CSS. I’ve linked an article below that shows you how to do this 🙂
https://www.geeksforgeeks.org/maintain-the-aspect-ratio-of-a-div-with-css/
In short, if you want the same sizing for the video background across all devices (desktop, tablet, device) you’ll have to set the container to an aspect ratio of your choosing.
This goes for both Video Background and Video Background Pro.
Cheers,
Blake
