Jump to content

Help with changing aspect ratio of video

Recommended Posts

  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

You will need code to adjust on all screen sizes

Add to Website Tools (under Not Linked) > Custom CSS

div#block-381cfc5d799d2811437a .video-player {
    padding-top: 64.5% !important;

If you still have problem on another screen sizes, just let me know which screen size, I will adjust the code

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Thank you, tuanphan. 

Unfortunately this has just added white space above the video. I can't drag the video container up any further.

I need no white space in the container. Essentially I need to resize the container, not the video. To be honest, it doesn't even need to match the size specified above. I just need it thinner.

So it would act as an animated banner at the top of the page with no white space above the video and the ability to have text directly below it.

Working on this page https://mackerel-flatworm-jrrl.squarespace.com/land
With this page as reference https://mackerel-flatworm-jrrl.squarespace.com/our-homes

Getting the video on the top of that first link 'Land' to look like the image at the top of the second link 'Our Homes' would be ideal.

Any help is massively appreciated!

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.