Jump to content

Background video not playing (Hayden)

Recommended Posts

Site URL: https://www.stmarkbattlecreek.org/


I can't see anywhere in the Bedford Family - Hayden Template that I can add a background autoplay video, so I:

  • added a video via CSS > manage custom files 
  • I then copied that address and added that to a code (see below) in a code section on our homepage

When I view the homepage in my editor screen, it DOES play. However, when I go to the browser and test it out, it DOES NOT play.

Here is the code I'm using:

  <video autoplay="autoplay" loop="true" width="100%">
    <source src="https://static1.squarespace.com/static/582b712fcd0f68b65a91b55c/t/630fb3b37ee6a078fd75904b/1661973440449/Homepage+Video+02.mp4https://static1.squarespace.com/static/582b712fcd0f68b65a91b55c/t/630fb3b37ee6a078fd75904b/1661973440449/Homepage+Video+02.mp4#block-ea65278c5c525184533b" type="video/mp4"/> 


Any thoughts on how I can make this video autoplay as a background video on our website? Thanks!


Link to comment
  • Replies 4
  • Views 297
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

16 minutes ago, StMark said:

What's best-practice for a looping video on a website?

You can add a looping video to the top of a Bedford-family template using the Background Video feature. See Adding background videos.

If you require a looping video elsewhere on the page, you will need to use code instead. 

About me: I'm Paul. A SQSP User for 18 yrs, I joined Circle when it launched in 2016 and have been a Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL, providing expertise and 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 free. You can thank me by clicking one of the feedback emojis below. Coffee fuels my work.

Book paid help with a Squarespace Domain

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.