🎥 Add a HEADER VIDEO to your Squarespace 7.0 or 7.1 site

[@henniebotha]

Videos can be large and slow your pages down. It may be a good idea to add some suggestions regarding video size (length and file size).

[@clcot]

The title to this video is misleading. I wanted to add a video to the actual 'header' in Squarespace. The 'header' that has the icons at the top of the webpage, but this video just shows how to add a video to a new section and put that section at the top of the page... Not to the actual header.

[@clcot]

@@paigegervais8545 What are you on about? Have you even read my comment.

[@RafaKurek]

Hello! There is a way to add video with 9x16 dimension? or 4x5. I see only option with 16x9. In addition i want to add background video in section as a square, not the whole (like adding photos). There is a way for that?

[@BigCatCreative]

Hey! Adding a video in this tutorial will crop itself to fit whatever size the section is depending on the screen size. So you can't really control the ratio. If you want to control the ratio and don't want the video to span the entire section, then you should probably just upload your video in an Embed block. You might need some custom code to set it to the background and get the width just right.

[@EchoXO.]

am I able to change the actual site title to a rotating video of my logo and use that across all my pages instead of the header ?

[@EchoXO.]

I'm on 7.1 btw

[@BigCatCreative]

Sorry I don't understand this question. You can add an animated GIF for your logo, but I'm not sure what you mean by "instead of your header". Whatever is at the top of your page is your header.

[@DeepVeinThrombonus]

Hi, thanks for the video. I just wanted to check something. When I open the page options, I don't seem to have the media menu. Do you know if that is a template related issue?

[@BigCatCreative]

Yes potentially. If you're using 7.0 then it's likely the issue - some 7.0 templates don't support sections and background videos.

[@DeepVeinThrombonus]

@@BigCatCreative Unfortunate. Thanks for letting me know and the vid

[@EmilySkeelsMN]

I have a custom template that I'm using. When I follow this tutorial, the video doesn't go up into the header. I'm asking the creator as well, but wondering if you have any insight into what might be the issue?

[@EmilySkeelsMN]

HA! I got it - I needed to change the header style to dynamic :) thanks for this tutorial!

[@BigCatCreative]

Sorry I can't advise you on someone elses template but I'm sure they will give you advise :) It might be to do with your header-color settings!

[@ArgentoRAWRz]

how do i know which version of squarespace i have? also which template do u use?

[@BigCatCreative]

Read these 2 posts: www.bigcatcreative.com/blog/find-out-my-squarespace-template www.bigcatcreative.com/blog/how-squarespace-templates-work I am always using Brine in 7.0 examples