SheriM 0 Share Posted October 8, 2019 Hi guys, on my site grow-wild.co, I have a home page banner video linked via YouTube - it takes anything from 3-7 seconds to load. I uploaded a fallback image (a still from the video) to display in the hope that it would load very quickly and make the user experience better. But the image takes a minimum of 3 seconds to load and in the mean time the user sees a black background. This obviously isn't ideal! I have spoken to SS support and they can't offer me a work around - there is no way to change the black background colour without overlaying a colour ontop of the video/image. The image size is just 150kb. Does anyone have any suggestions? Have you found a work around for this? Thanks! Link to post
colin.irwin 17,547 Share Posted October 8, 2019 This plugin should help - https://www.squarewebsites.org/products/background-videos-utils I used it on a client site recently and it works perfectly. NB. I didn't write this plugin and I am not affiliated with the author. christyprice 1 Please hit LIKE to share your appreciation of posts that are helpful or useful. The like button is somewhere over there Of course, Likes don't pay the bills.. If you're looking for a Squarespace Developer you can hire me here Link to post
javitag 0 Share Posted October 28, 2019 On 10/8/2019 at 10:00 AM, SheriM said: Hi guys, on my site grow-wild.co, I have a home page banner video linked via YouTube - it takes anything from 3-7 seconds to load. I uploaded a fallback image (a still from the video) to display in the hope that it would load very quickly and make the user experience better. But the image takes a minimum of 3 seconds to load and in the mean time the user sees a black background. This obviously isn't ideal! I have spoken to SS support and they can't offer me a work around - there is no way to change the black background colour without overlaying a colour ontop of the video/image. The image size is just 150kb. Does anyone have any suggestions? Have you found a work around for this? Thanks! Hi there, did you find a solution for this? thanks! Link to post
mynameisbrand 1 Share Posted November 1, 2019 I'm having this question too. Kind of. The cover page video is apparently too slow loading on some desktop versions - and pulls the mobile image. But on my phone (iPhone 6S) it sometimes display the video ... I assumed it would pull the mobile fallback image here (but that might depend on connection speed?). Link to post
Robino 12 Share Posted January 19, 2020 On 10/8/2019 at 7:17 AM, colin.irwin said: This plugin should help - https://www.squarewebsites.org/products/background-videos-utils I used it on a client site recently and it works perfectly. NB. I didn't write this plugin and I am not affiliated with the author. I'm having this issue with my video homage banner. It takes 4 seconds on first load with a black screen. Colin, do you have an example of the plugin working on a website? The plugin website mentions this "...It uses built-in Squarespace code to load videos, so the functionality may vary with Squarespace changes." Wondering if you have any example to share before taking a chance and throwing away $35 if it's not going to work. Also looking at pre-loading pages but so far no luck. If anyone has recommendations on pre-loader plugins etc would be great. I'm using the Bedford template. Link to post
LJSpace 8 Share Posted April 10, 2020 I saw this: https://createyouronlinepresence.com/blog/2018/5/14/improve-loading-experience-when-using-a-background-video-on-squarespace Haven't tried it though, but it may solve your problem. Link to post
rwp 291 Share Posted July 25, 2020 https://support.squarespace.com/hc/en-us/articles/218562738-Adding-background-videos#toc-step-5---add-a-mobile-fallback-image laurasharp 1 Link to post
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment