Jump to content

How to turn off autoplay on website video

Recommended Posts

  • Replies 4
  • Views 596
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

2 hours ago, EddieC said:

Site URL: https://www.nwcc.net/

Our website currently has a video embedded from Vimeo that's set for autoplay. I need to know how to turn off the autoplay. Not sure if this happens in Vimeo OR Squarespace OR Both? Attached is a screen shot from our current Vimeo settings from this video.

Vimeo.jpg

Kindly share your vimeo url that was used, there is a url parameter 'autoplay' that you should set to zero 

image.thumb.png.95bb594eb68a621821aeec0aa1510929.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

This is the code on our site in Squarespace:

<pre class="source-code"><div>&lt;iframe src="https://player.vimeo.com/video/509315971?autoplay=1;badge=0&amp;amp;autopause=0&amp;amp;player_id=0&amp;amp;app_id=58479" width="1920" height="1080" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen title="Welcome Video"&gt;&lt;/iframe&gt;</div></pre>

This is the code from the video in Vimeo:

<iframe src="https://player.vimeo.com/video/509315971?h=768c195b51&color=33eb86&title=0&byline=0&portrait=0" width="640" height="360" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
<p><a href="https://vimeo.com/509315971">Welcome Video</a> from <a href="https://vimeo.com/user133048291">Northwest Online</a> on <a href="https://vimeo.com">Vimeo</a>.</p>

The person that designed the site here is no longer with us. Just trying to figure out what he did in this case?

Link to comment
9 hours ago, EddieC said:

This is the code on our site in Squarespace:

<pre class="source-code"><div>&lt;iframe src="https://player.vimeo.com/video/509315971?autoplay=1;badge=0&amp;amp;autopause=0&amp;amp;player_id=0&amp;amp;app_id=58479" width="1920" height="1080" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen title="Welcome Video"&gt;&lt;/iframe&gt;</div></pre>

This is the code from the video in Vimeo:

<iframe src="https://player.vimeo.com/video/509315971?h=768c195b51&color=33eb86&title=0&byline=0&portrait=0" width="640" height="360" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
<p><a href="https://vimeo.com/509315971">Welcome Video</a> from <a href="https://vimeo.com/user133048291">Northwest Online</a> on <a href="https://vimeo.com">Vimeo</a>.</p>

The person that designed the site here is no longer with us. Just trying to figure out what he did in this case?

Modify the iframe url parameter

<iframe src="https://player.vimeo.com/video/509315971?h=768c195b51&color=33eb86&title=0&byline=0&portrait=0&autoplay=0" width="640" height="360" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
<p><a href="https://vimeo.com/509315971">Welcome Video</a> from <a href="https://vimeo.com/user133048291">Northwest Online</a> on <a href="https://vimeo.com">Vimeo</a>.</p>

 

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

You can follow steps like in video below

 

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

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.