Jump to content

Can you auto-play and loop videos from vimeo?

Recommended Posts

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!

Link to comment
  • 11 months later...
  • Replies 9
  • Views 9.8k
  • Created
  • Last Reply

Top Posters In This Topic

Hi @adamwentworthI thought I would share this secret with you.  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.  

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

Just swap out the vimeo number for yours. You will have to adjust some settings in Vimeo's embed to remove things like play button, logo, etc.  Also 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

SquareKickerHi, I'm Nick, CEO & Co-Founder at squarekicker.com.  Take your Squarespace sites to the next level with SquareKicker's No-Code Design & Animation Extension. Break free from templates & complex code and start building unique websites that you are proud to show your clients without ever having to write a single line of code. 

Squarespace Extension  ●  Templates  ●  News  ●  Inspiration  ●  Tutorials  ●  Resources

 

Link to comment
  • 4 months later...

@NickIppolito - your code for video loop autoplaying on iPhone is brilliant and helped me immensely, thank you! For some reason, it works perfectly on one of my sites, but the other, the video on both desktop and phone is inserted and surrounded by a space and black line - the video is not taking up the full space in the block. Not sure why this is happening. 

Link to comment
18 hours ago, KateDesigner said:

@NickIppolito - your code for video loop autoplaying on iPhone is brilliant and helped me immensely, thank you! For some reason, it works perfectly on one of my sites, but the other, the video on both desktop and phone is inserted and surrounded by a space and black line - the video is not taking up the full space in the block. Not sure why this is happening. 

Hi @KateDesigner could you share a link?  It could just be a CSS issue. 

Edited by NickIppolito

SquareKickerHi, I'm Nick, CEO & Co-Founder at squarekicker.com.  Take your Squarespace sites to the next level with SquareKicker's No-Code Design & Animation Extension. Break free from templates & complex code and start building unique websites that you are proud to show your clients without ever having to write a single line of code. 

Squarespace Extension  ●  Templates  ●  News  ●  Inspiration  ●  Tutorials  ●  Resources

 

Link to comment
  • 8 months later...
On 10/17/2020 at 3:48 AM, NickIppolito said:

Hi @adamwentworthI thought I would share this secret with you.  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.  

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

Just swap out the vimeo number for yours. You will have to adjust some settings in Vimeo's embed to remove things like play button, logo, etc.  Also 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

this worked for us anyway we can get the sound from the video to play ?

 

Link to comment
On 12/3/2021 at 5:20 AM, lbenjr said:

this worked for us anyway we can get the sound from the video to play ?

 

Try adding &muted=true in your url 


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

As per Vimeo documentation. 

https://vimeo.zendesk.com/hc/en-us/articles/360001494447-Using-Player-Parameters

SquareKickerHi, I'm Nick, CEO & Co-Founder at squarekicker.com.  Take your Squarespace sites to the next level with SquareKicker's No-Code Design & Animation Extension. Break free from templates & complex code and start building unique websites that you are proud to show your clients without ever having to write a single line of code. 

Squarespace Extension  ●  Templates  ●  News  ●  Inspiration  ●  Tutorials  ●  Resources

 

Link to comment
  • 3 months later...

Hi Adam, 
Can you kindly advise what the code would be to embed a Vimeo on autoplay and autoloop, but the video is Unlisted on vimeo? 

I am trying to work out what they mean  by this:

----- Important: If your video is set to the Unlisted privacy setting, additional parameters must be added after the privacy hash parameter. This will appear directly after the video ID in the URL and looks similar to ?h=913062c8ff. Every parameter after the hash can be added using & rather than ?. --------

 

Thank you a million in advance. 

Samantha

Link to comment
1 hour ago, samanthawills said:

Hi Adam, 
Can you kindly advise what the code would be to embed a Vimeo on autoplay and autoloop, but the video is Unlisted on vimeo? 

I am trying to work out what they mean  by this:

----- Important: If your video is set to the Unlisted privacy setting, additional parameters must be added after the privacy hash parameter. This will appear directly after the video ID in the URL and looks similar to ?h=913062c8ff. Every parameter after the hash can be added using & rather than ?. --------

 

Thank you a million in advance. 

Samantha

Hi @paul2009 - you can on normally listed videos, but the ones i need it on are Unlisted and I don't understand the above where Vimeo is saying to add additional parameters? 

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

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