Making background video responsive

[KevinSWFL]

New user here. I've added a video to section background. In the "all devices" screen everything looks fine, as I switch to smaller widths, the video doesn't resize. I looked all over for an answer couldn't find anything. Can this be accomplished within Oxygen? or do i need another plugin?

If it can be done within Oxygen, I would appreciate some guidance.

Thanks

[mayolounge]

Hey Kevin,
Did you manage to solve it? I have the same issue.
Cheers
Daniel

[KevinSWFL]

I just ended up adding a sidebar and used the video widget. Works perfectly. . Hope that helps.

[mayolounge]

Thanks! Will move to Elementor probably. ;-)

[tomdestudio]

Hey guys, im having the same issue. wondering what you mean Kevin by adding the sidebar and using the video widget.

I have tried the video widget myself but not sure how to get it to go full width and height to emulate a background.

Let me know if you can help point me in the right direction. Thank you.

[Kpudlo]

Can this be accomplished within Oxygen?

You may wish to see if the following CSS works for you:

@meda(max-width: 1920px) {
	.oxy-video-background .oxy-video-container video {
		transform: translate(-50%, -50%) scale(0.80);
	}
}

@media(max-width: 1640px) {
	.oxy-video-background .oxy-video-container video {
		transform: translate(-50%, -50%) scale(0.45);
	}
}

@media(max-width: 1280px) {
	.oxy-video-background .oxy-video-container video {
		transform: translate(-50%, -50%) scale(0.25);
	}
}

I hope this helps!

[veselin-dev81]

Guys, it's just ridiculous, if there is a task for the video to be adjusted to 100% height and 100% width, and the excess is cut off, this is not a solution. I need to write a script... It takes tons of time to solve the problem with the video background, since you also need to remove the video container settings that come by default in Oxygen... I join the request that it is necessary to make the ability to change the background video responsive settings in Oxygen...