B4 and Video Background Padding Problem Bug?

[tom2]

Hi,
I dont can set a class to set padding when I use a video in Background ? Anyone else this problem? The standard padding works. But 200px to small for the video …
tom

[JDW]

Hi Tom,

@PeteSharp provided some code in this post a few months ago. There is no example web page of that code in use, unfortunately, but perhaps it can be of help to you. He is switching out video based on breakpoint, but the context of what he is doing is important. He is using a Code Widget to put a video inside a DIV and then he styles it separately with CSS code. So you could do something similar whereby you adding padding in the CSS.

Here’s another discussion about background video and padding:

Video Hero. [SOLVED]

I have a video at 3840x1430 I need to use. I created a block and made sure to remove the gutters and set the padding to none and I get a ton of padding added after. I created a custom class to remove any extra padding and still can’t get the dimensions to fit. I have attached screenshots. [1] [2] [3] [4]

[PeteSharp]

You can divide the height and width of the video to get the padding percentage you need to apply.

Create a custom class and add the padding-top with the percentage you worked out to it.