StMark Posted August 31, 2022 Share Posted August 31, 2022 Site URL: https://www.stmarkbattlecreek.org/ Hello, 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: <center> <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"/> </video> </center> Any thoughts on how I can make this video autoplay as a background video on our website? Thanks! Link to comment
Wolfsilon Posted August 31, 2022 Share Posted August 31, 2022 Does it work is you remove the autoplay="autoplay"? Just write, <video autoplay loop="true" width="100%"> ... ... Link to comment
StMark Posted August 31, 2022 Author Share Posted August 31, 2022 5 minutes ago, Wolfsilon said: Does it work is you remove the autoplay="autoplay"? Just write, <video autoplay loop="true" width="100%"> ... ... Nope. Shucks. Link to comment
StMark Posted September 1, 2022 Author Share Posted September 1, 2022 Is it better to make it a .gif that autoplays? What's best-practice for a looping video on a website? Link to comment
paul2009 Posted September 1, 2022 Share Posted September 1, 2022 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've been a SQSP User for 18 yrs. I was invited to join the Circle when it launched in 2016. I have been a Circle Leader since 2017. I don't work for Squarespace. I value honesty, transparency, diversity and good design ♥. Work: I founded and run SF.DIGITAL, building Squarespace Extensions to supercharge your commerce website. Content: Views and opinions are my own. Links in my posts may refer to 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 is optional. Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment