squareface

Thanks folks I hadn't noticed all this... I will investigte!

Just found the solution, create gif animations as frames and the filesizes are way smaller. No need to use gallery slideshows anymore... although the quality is limited

Sorry i know this is an old post... but the gif technique pointed out by @mandrous is just what i need. Is there a way to make gif slideshows like these with small filesizes? Can anyone point me to a method? So far I've tried with 8 different gifs and it's coming out at 200mb!

Thanks Paul, sorry i'm new to this! I've set up a test site which explains the issue: https://horse-tiger-eysr.squarespace.com password is: homepagetest normally the homepage(s) would not be visible in the header menu but i've left them in the navigation to make it simple. ideally there would be two homepages - one which says 'welcome to my website' with a video background (desktop) another which says 'welcome to my website' with a full bleed slideshow behind (mobile). The mobile version doesn't have the text in front because i can't work out how to add text on top of a gallery slideshow! But hopefully the reason for this is clear... the background video doesn't work on mobiles so the slideshow is a more interesting fallback than a simple still image. Does this make sense? Thanks ben

Hi have spent quite a bit of time trying to get this to work. I tried to do it by hiding/showing sections of a page (using block id's) but I'm finding it a bit complicated as I am trying to use background video on desktop and a slideshow gallery on mobile...but I can't seem to get a specific block id for each element (I'm using the google extension Squarespace block identifier), so i have pretty much given up on that route. The url option would be much simpler and preferable but i still don't really understand how it works...or rather how you can use it as a home page? If one page is hidden how does it then jump to the next page? Possibly I'm not really getting the whole index page thing as my template only has portfolio pages?

I have the Novo template which has portfolio pages rather than index pages. Are they the same thing? I've tried to set a portfolio page as my homepage and create one page within it called mobile, the other called desktop. I've then put the above code into the design/ css section. This doesn't seem to work

Hi Paul, just wanted to check- is this the hide/show method (below) or have i missed it? _______________________________________ " if you are using a template with index pages then this can easily be achieved with just css. Just create two pages within the index, one for mobile and one for desktops. Then adjust the below code with your page URLs and add it to you websites global CSS." @media (max-width:640px){#your-desktop-page-URL {display:none!important}} @media (min-width:640px){#your-mobile-page-URL{display:none!important}}

Brilliant thanks! Will give it a try

Thanks for that. I had already come across this post but I don't have a business plan and my version doesn't seem to let me add code to that section. Is there another way of implementing it?

Hi, Because of issues with background video I'd like two homepages, one with a video background (for desktop) and another with a slideshow gallery (for mobile). Is it possible to add some code so that mobile devices jump straight to the gallery homepage? And desktop devices jump straight to the video background homepage?

Hi Is is possible to replace a background video fallback image with a gallery slideshow via css (or any other way?) Just a sequence of gallery images filling the frame and fading between one another like slideshow:full. Thanks

I'm really struggling with this! If background video does not work on mobiles on squarespace ( i haven't seen any examples on the forum to suggest it does) i don't really want viewers to just hit a 'fallback' image as the first thing they see. Is there therefore a way that mobile users can avoid the background video page entirely and jump to another page? So desktop viewers get to see the video background and mobile users jump straight to a gallery page or something more dynamic? I do not have the business package...

Hi The opening page of my site has background video using the standard squarespace method. It works perfectly on desktop. Previously the background video seemed to worked fine on mobile too (iphone..chrome.. ios 13.4.1). But now the background video has stopped working on mobile. It's just a black screen. It's extremely frustrating. If i embed video on the page manually, i can get it to autoplay on mobile (using background=1) . But it doesn't look right (it does not fill the screen). Is there a way to match the squarespace background video look (ie always filling the screen, and zooming in to the centre of the video on mobile) using specific embed code? Or has anyone found a way to get squarespace background video to work on mobiles (i've seen plenty of non-squarespace sites that work fine)? Thanks

Hi, I've seen quite a few sites in which background video (autoplay, mute, filling screen) works fine on mobile. So it's clearly possible. But i can't get it to work on squarespace. Is there a workaround? Is a plugin required? Has anyone figured this out? Thanks in advance....

Hi I have a gallery page on my (7.1) site which has a number of images whose titles are revealed upon mouse hover. Just simple text words on an image. However, on phones and tablets, which by nature have no hover, there is now no text on the buttons. I wonder if anyone can suggest a solution/workaround to this so that I can optimise these buttons for both device types- perhaps some code that determines if it's mobile or not and then disables the hover effect? Or should i make a separate duplicate page with different buttons and then some code so that mobile devices/tablets are redirected to that page atutomatically? Any help would be super useful! Thanks