Jump to content

Looking for help on how to optimize a background video

Go to solution Solved by paul2009,

Recommended Posts

I don't find anything on this topic here in the forum or anything super helpful on Google. So maybe somebody here can help with some tips. 

I have a client that wants a background video on the website. It is from Adobe Stock, HD quality, 1920x1080px and has 39.4mb in size. 

How should I optimize this for a fast loading website? Pixel size? mb size? quality? Software to export?

Many thanks 🙏

Link to comment
  • Replies 6
  • Views 2.8k
  • Created
  • Last Reply

Top Posters In This Topic

  • Solution
4 minutes ago, DesignbyCaroline said:

I have a client that wants a background video on the website. It is from Adobe Stock, HD quality, 1920x1080px and has 39.4mb in size. How should I optimize this for a fast loading website?

If you plan to upload the video directly to Squarespace then you should not need to make changes to the video, unless it does not meet the specification. For example, it will need to be limited in length to 60 seconds for use as a background video.

After the video has been uploaded, Squarespace will automatically convert it to an mp4 file in 1080p and 360p formats to maximise compatibility with all devices.

Did this help? Please give feedback by clicking an icon below  ⬇️

About me: I'm Paul, a SQSP user for over 18 yrs and a Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL, providing high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji below. Buying a coffee is optional.

Book paid help with domains: Connect a GoDaddy domain. Connect a Squarespace Domain. Domain assistance

Link to comment
  • 3 weeks later...
On 10/18/2022 at 3:53 PM, paul2009 said:

If you plan to upload the video directly to Squarespace then you should not need to make changes to the video, unless it does not meet the specification. For example, it will need to be limited in length to 60 seconds for use as a background video.

After the video has been uploaded, Squarespace will automatically convert it to an mp4 file in 1080p and 360p formats to maximise compatibility with all devices.

Did this help? Please give feedback by clicking an icon below  ⬇️

Thank you - if this is the case then I should be fine. 

 

Link to comment
  • 1 month later...
  • 1 year later...
16 minutes ago, dirbylemarc said:

my video background is shoppy and full of pixels. How do i fix this? @paul2009

If you haven't already done so, please contact Squarespace Customer Support to report this directly. This is the only official channel to report technical issues so that they can be accurately tracked, investigated, and escalated. Squarespace doesn’t use this forum to track bug reports and, as Squarespace customers ourselves, forum users aren't able to troubleshoot this.

If they provide you with some useful insight, please do post back for the benefit of other affected users.

Edited by paul2009

About me: I'm Paul, a SQSP user for over 18 yrs and a Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL, providing high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji below. Buying a coffee is optional.

Book paid help with domains: Connect a GoDaddy domain. Connect a Squarespace Domain. Domain assistance

Link to comment
  • 4 months later...
On 2/3/2024 at 2:00 AM, dirbylemarc said:

I agree with @Gertjan, my video background is shoppy and full of pixels. it also does not play instantly when the site loads and has a play button. How do i fix this? @paul2009

What is your site URL, and which Background video type you are using?

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

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.