Jump to content

Full Bleed Videos on Index page

Recommended Posts

Site URL: https://lukesargentdp.com/

I'm working on my personal portfolio site lukesargentdp.com

 

I'm using the template Carson and I'm using index pages to showcase my work with video thumbnails linked from vimeo. The problem is for the Homepage and the Music Video page the videos fit the site instead of fill leaving letterboxing at the top and bottom of the screen (sometimes it fills but most of the time it fits). On the Narrative page it fills every single time leaving no letterboxing.

Some projects like Steam! are linked from the same vimeo link onto the homepage (click on my name) and Narrative and one fits and one fills

I want to figure out how I can fix this so the videos in the background always fill leaving no letterboxing. I have been told this is possible with CSS can anyone help me with this?

Link to comment
  • Replies 1
  • Views 327
  • Created
  • Last Reply

Are all the videos has same ratio?

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.