Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for tags 'autoplay'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Selling & Scheduling Your Services
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
    • Resources
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers 🇫🇷's Topics
  • France Designers 🇫🇷's Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion
  • German Circle Members's Topics

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. Site URL: http://overdrive.rocks After browsing the forum for a solution to autoplay the header carousel on our site (https://www.overdrive.rocks/), I added the custom script below. This worked, however, I want to now turn off the nav arrows and if I disable them, the autoplay stops working. How can I get the banner to autoplay AND remove the nav arrows? Thanks! <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $( ( ) => { /* auto click user items list arrow right Version : 0.1d0 SS Version : 7.1 Dependancies : jQuery Note : this effect is not active in SS Preview to test it use private browsing < https://bit.ly/3f6lhq2 >. By : Thomas Creedon < http://www.tomsWeb.consulting/ > */ const clickIntervalSeconds = 6; const dataSectionIds = [ /* to limit the effect to certain page sections, enter data section ids for each page section. the format of each line is a data section id following is an example line. copy the example line below and paste after the example line. remove '// ' at beginning of pasted line. repeat for as many data sections ids as needed */ // '[enter data section id here between single quotes]', ]; // do not change anything below, there be the borg here if ( window.frameElement !== null ) return; // bail if in Preview let selector = [ '.user-items-list-banner-slideshow__arrow-button--right', '.user-items-list-carousel__arrow-button--right', ]; // begin shotgun selector if ( ! dataSectionIds.length ) dataSectionIds.push ( '' ); selector = $.map ( selector, function ( s, i ) { if ( ! dataSectionIds.length ) dataSectionIds.push ( '' ); const a = $.map ( dataSectionIds, function ( d, i ) { if ( d ) d = '[data-section-id="' + d + '"] '; return d + s; } ) return a; } ) .join ( ', ' ); // end shotgun selector const $button = $( selector ); if ( ! $button.length ) return; // bail if no button const click = ( ) => { $button.click ( ); } setInterval ( click, clickIntervalSeconds * 1000 ); } ); </script>
  2. Site URL: https://www.nondysdesigns.com/ Hey guys... I've been trying to find articles on How to embed or upload a video to Squarespace as a Video Block (not banner image) but to disable auto loop/autoplay and also take away the play, pause, hover, etc,. functions. Basically, I want it to be like a gif, but not using a gif file because gifs are large files that I don't want on the website. I want to use Links from Youtube or Vimeo to create these autoplaying type gifs. I found what it seems to be a great blog post on how to do it here https://www.justinwyne.com/thoughts/2018/5/15/how-to-embed-borderless-autoplaying-looping-videos-on-squarespace But the only thing is that I don't think there's enough steps for me to follow along. I have to download a third party application and host my URL somewhere... It all seems supppperrrrr complicated and I'm wondering if there's another way to do this? I found another post here https://www.rebeccagracedesigns.com/blog/youtube-autoplay-and-loop that is really helpful and is an autoplay video, but the video has the play and pause type of functions that I don't want, also the sound isn't automatically playing either, you have to click on the sound to hear it. Also something to keep in mind, i'd like to have the end result to be a portrait photo and not in landscape. Thank you in advanced!
  3. Is there any way to stop a gallery slideshow from autoplaying after there is a click on the previous or next arrow? It's a frustrating experience to try to click manually through images and have the autoplay feature fighting you while you do it.
  4. Site URL: https://www.koastalkooks.com At the bottom of my home page for www.koastalkooks.com we have a video that plays- but for some reason it will not work on mobile version. How could I fix this?
  5. Site URL: http://www.palpable-media.com Please please help: VIDEO BANNERS NOT DISPLAYING AND CUSTOMER SERVICE NOT HELPING Problem: I paid A LOT of money to license expensive video for my site banners. BUT THEY DISAPPEAR in mobile!!! the mobile site displays lots of EMPTY SPACE on mobile where there should be video content This is business critical: Part of our work is events and tech so we need to SHOW the work!! Can someone please please help?? Whenever I contact customer service I get lame excuses, and irrelevant links. I feel like if they cant give me a functional site I want a discount because this is hurting my business!!! We already went over-budget on the website and no clients yet so I cant really afford to spend more to get someone external to fix it.... THANK YOU FOR YOUR SUGGESTIONS!!! p.s. WTF Squarespace? THIS IS NOT A NEW PROBLEM - Stop blaming this on Vimeo, youtube: you clearly cant seem to fix this - Ive seen posts that go back years. This is bad. And your customer service is THE WORST. GoDaddy has the BEST customer service, people who answer the phones and fix problems asap. This whole process has been a nightmare.
  6. Site URL: https://www.vividmusic.net Hi, Is there any plug - in / code or anything that I can do to get my banner video to open consistently on all browsers (mobile or desktop) in version 7.0? It is essential for business to display a video banner, to remain competitive. All I get told is to change my whole site to 7.1. This is very time consuming and I believe unacceptable, considering all my competitors on other platforms have functioning video banners and I have invested heaps on our new promo. Any suggestions welcome?
  7. Site URL: https://tiffanyponce.squarespace.com/ Hello, How do I get a video to play on mobile. Is there Custom CSS? The video is from Youtube.
  8. Hi. I have tried to embed code from both Vimeo and Youtube using their automatic startup code option (under share options) but when I run it it stills requires me to click the play button. Any ideas on how to do this would be appreciated, either Youtube or Vimeo is fine.
  9. Site URL: https://www.laineylee.com/ Can anyone help me figure out why this video won't autoplay? It's a vimeo embed code set specifically to autoplay. <iframe src="https://player.vimeo.com/video/699817314?h=01917e5096" width="640" height="323" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe> Thank you!
  10. Site URL: https://jackshugruedesign.com/work/hoops Wesbite: Jackshugruedesign.com Password: JCSdesign Hey y'all! I'm currently having some trouble with autoplaying multiple videos simultaneously - only one will play at a single time! This issue is on my HOOPS project page, when you scroll all the way down to the bottom and come to the three iPhone mockup videos next to one another - I've added a screenshot for reference below. All of the videos are mine and embedded on the page (uploaded on Vimeo). I would really love to be able to get these videos to autoplay simultaneously and loop. Also if anyone knows why these black corners are showing up (at the bottom of each of the videos right below the iPhone mock ups and how I could get rid of them that would be great too) Thanks!
  11. Site URL: https://www.kganyc.com/the-glasshouse Hello, My web designer was able to code the video autoplay (last 2 slides) for Desktop, but autoplay does not work for mobile. The last two videos just appear as static images. Hit the left arrow to fast forward to the last two videos. Any ideas? Much appreciated.
  12. Site URL: https://lifelab.world/workshop-location-buchen Hello Squarespace Experts! I have recently encountered this cool code here by @tuanphan. It works perfectly but the only issue is the loop takes around 20-30seconds before it goes back to the start. Is there any fix ton increase the speed of the loop? In addition, can I also add additional pages on the var container = Y.one("#spaces-photo-preview-2") by adding a comma? This is the code: I just need a loop speed fix <!-- Summary Block Autoplay --> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> $(document).ready(function() { try { var container = Y.one("#spaces-photo-preview-2"); /*change this to the slug of your page*/ var gallery = Y.Squarespace.GalleryManager.getGalleryByContainer(container); gallery.setAttrs({ "autoplay":true, "autoplayOptions": { "timeout":3000, /*make this higher to decrease speed, lower to increase it*/ "randomize": true } }); } catch (e) { console.error("Could not configure Gallery autoplay.", e); } }); </script> Thank you so much in advance!
  13. Site URL: http://www.stiboaccelerator.com/ Hey! I would like the video on my landing page to autoplay and loop. It works in Safari but doesn't work in Chrome, any thoughts on how I can fix this? Website: http://www.stiboaccelerator.com/ Here's the code: <video autoplay="autoplay" loop="true" width="600" controls> <source src="https://static1.squarespace.com/static/5f3e239e2f193703b77e02bc/t/6232fb6d148ed319f5211b31/1647508356204/Accelerator-video.mp4" type="video/mp4" /> </video> Thank you so much in advance for your help! 🙏
  14. Hey, everyone! I have a Squarespace 7.1 site and I'm having an issue. I have a gallery block which I have set to "slideshow:reel" gallery type. I want the images to autoplay (which was a feature available in previous versions). I've tried the code injection from this thread, but I haven't had any luck getting it to work: https://forum.squarespace.com/topic/26409-summary-block-how-can-i-set-the-carousel-to-autoplay/ How can I get this gallery to autoplay/auto-scroll? Thank you!
  15. I'm looking to have a video from my vimeo auto-play and loop, but without any playhead or video overlays present - so it basically appears like a gif. I'm assuming this requires a vimeo pro account but before I upgrade I want to make sure I'll be able to display videos like this. Any help is greatly appreciated. Thanks!
  16. Site URL: https://jasonyuan.design/ I am building a new portfolio website using the Cami template on 7.1 On the homepage, I will have a grid of projects that link through to project pages – there are many ways to do this with different blocks, however, I want the project thumbnail link to be a looping, autoplaying video with with no controls whatsoever. GIFs are too heavy, and when I recreate the project thumbnail using a video block, you cannot make it click through to the project, and despite using Vimeo pro for hosting, pause controls still appear on hover. (Screenshot attached) Is there anyway to do this like this example? – https://jasonyuan.design/
  17. I'd like to have a summary carousel, but laid out like the 'list' summary with the image taking up about 50% and the title and except to the side of it, rather than stacked. Can anyone been able to achieve something similar or able to help? Also does anyone have an up-to-date autoplay script? I've tried so many and I can't get it to work on 7.1 at all. Thanks!
  18. Site URL: https://octagon-hen-dy7j.squarespace.com/ hi there, I would like a banner slideshow to autoplay. I saw there have been threads about this before, but my client doesn't have a business or premium account, so I can't inject code into footer or header. is there still a way to do it? I would also like it to work on the banner slideshow on the HOME page AND another banner slideshow on the TEAM page. this is on 7.1 https://octagon-hen-dy7j.squarespace.com/ pw: autoplay73 please help!
  19. Site URL: https://www.opalbuild.us/ Hello! I'm trying to have a background video just take up the left half of the page, so that text can accompany it on the right side of the page. Can someone help me with some code to do this? (this setting wouldn't apply to mobile, just desktop and tablet) Right now, the video is hosted on vimeo. I'd like it to be a background video instead, to get rid of the player controls and to have it autoplay. (alternatively, maybe this can be achieved with code?)
  20. Site URL: https://www.gabrielefranchini.it Hi, I have a not easy question: is it possible to stop autoplay function on 7.0 Forte indexes once the user click an arrow (right or left)? Like reading that click as a pause as long as he stays on that same index (making it goes manual). I saw that this is a question asked several times but with no public solution. From Ghost Plugins ( https://www.ghostplugins.com/steps/1q9tmlfh ), I've found this free code that is supposed to do the opposite on Brine 7.0 templates, but the way it's written doesn't work at all on Forte templates (I hoped to be able to "invert" its effect, but it recon multiple Syntax Errors): Does anyone have a solution? My website is: www.gabrielefranchini.it PW: gf2021 Thank you!
  21. Site URL: https://www.no-frames.com/nf-home Hi, I have some pages with video as a background banner on my site. I am want the video to be aligned top of the page, behind the logo and nav, which is why I am using the background banner....but it only displays and plays on desktop. Brine 7.0
  22. Site URL: https://renerodlauer.com Hey guys! Hope you're all doing well. At the moment, I'm trying to update and modernize my website. Specifically I want to change something to my home/starting-page AND as well, my portfolio, which at the moment is organized in the Avenue (7.0) template with an Index section. What am I trying to aim for: https://philipphafner.com I would love to transform my page to a more responsive design and now, I'm a bit struggling because I really don't know which template I should use to start with. As already mentioned, I would love to have a similar starting page with a video playing in the background on loop and for my "Work" overview, I would like to implement an autoplay on hover feature, as in the reference. I already found third-party "Autoplay hover" solutions, but most of them just don't work and some require Squarespace 7.1 - which then would lead me to a change from my Avenue template to something else. That's basically why I'm not sure which template I should go with to start and re-design and modernize my website. Any help is appreciated and as I really am a bit lost at the moment, I will also accept recommendations for experts to help me redesign. Thank you!
  23. Just discovered the new auto-layout option in headlines to create a rotating banner with text - yay!! From what I can tell right now - it has to be clicked to change...hoping someone can help me have it auto-play/auto-scroll/loop? Maybe it's a an option but I'm just not seeing it? Thanks!
  24. Site URL: https://www.maimouavang.com/whip-up Hello! This is a two-part question. 1. I was wondering if it's possible to have text placed on the left with a video playing on the right? 2. Can it be possible to upload a personal video (that's not from Vimeo or YT) and have it autoplay? Preferably, width and height of the video would be 300 x 600. The attached example was made on Webflow but I was wondering if this can be done on Squarespace? Website reference: https://www.rikkihu.com/volunteerconnect-case-study Thank you! Screen Recording 2021-11-28 at 9.57.51 PM.mov
  25. Site URL: https://www.ruthhef.com/ Hi, I looked through previouse answers for code injection, but none of them are working for me. I would like to have all carousels and galleries automatically scroll through. I would be extremly greatful for help 🙂 Thanks, Jasmin
  • Create New...