Jump to content

How do I background video to 7.1 that is not cropped and maintains the aspect ratio?

Recommended Posts

My site is not live yet. Squarespace told me to just add a spacer over the content, however it crops the videos, and doesn't always work. 

Any suggestions on adding background videos to maintain the aspect ratio at full bleed or even inset? 

i'm trying to make page to replace the coverpage page feature. I love the auto play video. 

Background Video - Full Bleed? .png

Link to comment
  • 3 weeks later...
  • 1 month later...
  • 4 weeks later...

Hi! I looked into this for guys you and solved it.

I just wrote a CSS snippet to create uncropped 16:9 aspect ratio youtube background video sections in Squarespace 7.1 
Check out the code and installation video guide here

Need help?
hire { at } codeandtonic.com

Freelance Squarespace developer making plugins like Full-Width Blocks, Hover effects for grid gallery and the Darkmode plugin. I know Squarespace inside out and I'm able to solve pretty much any Squarespace code problem.

Get in touch here!

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.