Streaming live at 10am (PST)

Native Responsive Background Video element width, CMS linked (adhere to 100% Width)

I’ve done some searching here, but haven’t been able to figure this one out.

Does anyone know how to make a BG video element responsive with 100% browser width? It’s not important the height be precise as long as the video’s width is not cropping (zoomed in).

I used Nelson’s tutorial to integrate these background videos into the CMS using an HTML embed element:

Here’s the code (minus the CMS video ID insert) I’m pulling from my site as per his instructions:

Here’s a quick screencap illustrating the part of the site where the BG videos are cropping:

Thanks for your help!


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

I completely mistook this portion of the tutorial as not pertaining to my use case because I’m not animating a mouse over interaction, but the custom bit of code Nelson suggests to force the background video into the link block worked really well. In addition to setting the HTML embed to relative, 100% height and width within the Webflow UI. Here’s the bit of code I added to the front of the embed:

style=“position:absolute; top:0; Left:0; width:100%; height:100%;”