Section HTML5 video background cropping behavior
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!
Comments
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!