Jump to content

KateDesigner

Member
  • Posts

    3
  • Joined

  • Last visited

Posts posted by KateDesigner

  1. On 3/30/2021 at 11:54 AM, whitney.revoir said:

    Vimeo has the code here: https://vimeo.zendesk.com/hc/en-us/articles/115004485728-Autoplaying-and-looping-embedded-videos

    Here's the code they provide:

    <iframe src="https://player.vimeo.com/video/76979871?autoplay=1&loop=1&autopause=0" width="640" height="360" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>

    I used a video block and opened up the brackets. Then dropped the code in and changed the video player link to my video (the numbers before the "?".

     

    Thank you for this, Whitney! 

  2. On 10/17/2020 at 6:55 AM, NickIppolito said:

    Hi @Smartyart,

    Definitely not impossible!  We have made some far crazier things in Squarespace with SquareKicker.  However,  I thought I would share this secret with you.  It's actually pretty easy. 

    First, I'm using Vimeo, and I have used the below iframe inside Squarespace's video block.  But instead of adding the link, you can click <>  and insert this code in a video block.  

    I am using it on our new SquareKicker website (7.1 ) for our learn page here:  https://squarekicker.com/learn

    They auto play without sound and controls.  But this is how to do it and it does the trick!

    Just swap out the vimeo number for yours.  See screenshot.

    <iframe src="https://player.vimeo.com/video/466007910?autoplay=1&loop=1&autopause=0&background=1&color=ffffff&controls=0&portrait=0" width="800" height= "500"  frameborder="0" allow="autoplay; fullscreen"  allowfullscreen></iframe>

     

    Autoplay Video Block.png

    Hi Nick! I have tried this in 7.0 and it works in Tremont perfectly, but I'm in 7.1 Marigold now and that doesn't offer the < > within the Video block. Is there a way around that in Marigold? Thanks! 

×
×
  • 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.