Jump to content

How to make a background video responsive

Recommended Posts

5 hours ago, MaryLou said:

Hi all, 

I am trying to make a video background on this homepage that is mobile/ tablet compatible. I tried the section ID, but no code I have tried to use seems to work. Do you have any suggestions? I am simply trying to make sure the video edges aren't cut off on these other devices. Thanks in advance!

https://dcr-venue.squarespace.com/

Password: DCRwedding 

Screenshot 2024-07-11 at 7.14.16 PM.png

One option is to create a section with the vertical video background just below the background video section for desktop view. Using some custom CSS codes with the media query, we can set the section with the vertical video background visible only on mobile devices.

After you finish creating this section, I can provide the necessary code to adapt your site

 

Press 👍  or mark my comment as solution if you find my sharing useful

🆒 Squarespace pinchzoom lightbox plugin (affiliate link)

👁‍🗨 360 degree photo viewer (affiliate link)

Link to comment
On 7/12/2024 at 1:19 AM, MaryLou said:

I am trying to make a video background on this homepage that is mobile/ tablet compatible

Hi MaryLou, it looks like you have resolved this? 

-------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification 

Melody | Squarespace Nerd
e: melody@melodylee.tech


💻 💁‍♀️ 1-2-1 Squarespace Training session <- feeling stuck and want to learn?
👩‍💻 💁‍♀️ Website help <- send me your to-do list. From code to plugin to domain setup.
🧰 See the tools I use (contain affiliate links)
 Did I help? I like coffee (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.