Website Building » Squarespace » How Do I Get Squarespace Background Video to Play on Mobile?

How Do I Get Squarespace Background Video to Play on Mobile?

Last updated on October 1, 2022 @ 2:03 am

Adding a background video to your Squarespace website is a great way to make your site more engaging and visually appealing. However, you may be wondering how to get the background video to play on mobile devices.

The good news is that Squarespace makes it easy to add background videos that play on all devices, including mobile. Here’s how:

1. First, you’ll need to add a video file to your Squarespace account. You can do this by going to the Settings > Files area of your site and uploading the video file there.

2. Once the video file is uploaded, you can go to the Page Settings area for the page where you want the video to appear and select the “Video Background” option from the drop-down menu.

3. After selecting Video Background, you’ll see a new field appear where you can enter the URL for the video file you uploaded in Step 1. Simply paste in the URL and hit Save.

4. That’s it! The background video will now appear on your page and will play automatically on all devices, including mobile.

Keep in mind that you can also add other styling options to your background video, such as overlay colors and opacity levels, by using the CSS Editor.

PRO TIP: If you are using a Squarespace template that includes a background video, be aware that the video may not play on some mobile devices. This is due to the fact that not all mobile browsers support the HTML5 video tag.
Kathy McFarland

Kathy McFarland

Devops woman in trade, tech explorer and problem navigator.