Section HTML5 video background cropping behavior

NorthlandFamilyWealth

Hi there, can you provide further details on cropping behavior at different viewport widths, when HTML5 video is used as a section background?

We are using a full-width layout, so the section scales from mobile all the way up to 1920+ pixels in width. What we are finding is that the video in background of a section appears to be anchored top-left, so that the right side of the video is cut off at narrower viewports. Can the anchoring and cropping of the video be changed in CSS?

For the exact example here see [link removed after we received the answer] - as you can see the focal point of the video is meant to be on the right side. This looks good at wider viewports (1440-1900px) but on the narrower screens you start to lose the video subject.

Thanks!

Albert

Hi,

this is how css backgrounds works unfortunately. We wish to make it possible what you said but unfortunately there are many limits between css backgrounds and responsive.

Thanks for understanding!

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

NorthlandFamilyWealth

Thanks for the fast response, and congrats on the great work your team has done with the beTheme. We'll figure something out with the video instead.

Albert

No problem

Learn more: Video Tutorials | How To | FAQ Vote on what comes next