Video won't autoplay no matter what I do

Site URL: http://www.linehouse.london/tsp

Hi everyone,

I've been trying to get two Vimeo videos on a page (www.linehouse.london/tsp) to autoplay on loop, but after trying 5 different things and checking every thread about it here on the forum, I am still unable to make it work. Sometimes it works once, and then 'breaks' (as in, stops autoplaying after I refresh the page). Or it autoplays on my machine but not on others.

I've tried doing it as a video block with embedding code, or simply as a code block - same disappointing results...

Here's the code I've been using:

<iframe src="https://player.vimeo.com/video/497646469?autoplay=1&loop=1&autopause=0&controls=0&title=0&byline=0&playbar=0" width="640" height="373" frameborder="0" allow="autoplay"></iframe>

I'd also love to hide the Vimeo controls, if possible (I don't have a Premium vimeo account so can't change this is vimeo settings).

Thanks!

Hi. Have you solved it yet?

Yes, thank you @tuanphan !

Hi, can you share how you've solved this? 

Hired a freelancer 😄

Here is the embed code he used:
 

<iframe src="https://player.vimeo.com/video/497646469?title=0&byline=0&portrait=0&transparent=0&autoplay=1&muted=1&loop=1&autopause=0" width="100%" height="100%" frameborder=“0” allowfullscreen allow=autoplay></iframe>

Hi,

Does anyone know how to autoplay a video once in 7.1? My videos autoplay fine, but I'd prefer them to only do it once, regardless of whether a visitor lets it play to the end or not.

I have paid YouTube and Vimeo accounts and Squarespace business plan.  I understand that I can't set loop=0 because that is 'false' so it won't autoplay at all.

I tried this in the page header code using the block yui code for video id, but it didn't work.

<video id=" video id here " autoplay="1" />

Thanks to anyone who can help.

Since April 2018, Google made some changes to the Youtube Autoplay Policy. You not only need to add the autoplay=1 as a query param, but also add allow='autoplay' as an iframe's attribute

So you will have to do something like this:

<iframe src="https://www.youtube.com/embed/VIDEO_ID?autoplay=1" allow='autoplay'></iframe>

On 1/13/2021 at 9:20 PM, winterstellar said:

Site URL: http://www.linehouse.london/tsp

Hi everyone,

I've been trying to get two Vimeo videos on a page (www.linehouse.london/tsp) to autoplay on loop, but after trying 5 different things and checking every thread about it here on the forum, I am still unable to make it work. Sometimes it works once, and then 'breaks' (as in, stops autoplaying after I refresh the page). Or it autoplays on my machine but not on others.

I've tried doing it as a video block with embedding code, or simply as a code block - same disappointing results...

Here's the code I've been using:

<iframe src="https://player.vimeo.com/video/497646469?autoplay=1&loop=1&autopause=0&controls=0&title=0&byline=0&playbar=0" width="640" height="373" frameborder="0" allow="autoplay"></iframe>

I'd also love to hide the Vimeo controls, if possible (I don't have a Premium vimeo account so can't change this is vimeo settings).

 

Thanks!

Hi @winterstellar, not sure if you are still looking for an answer but below is detailed answer.  Note: you need to use the Squarespace Image Blocks, not a code bock. See screenshot below.

The best way to do this is to use a squarespace block, Vimeo or Youtube.  

I have used the below code inside Squarespace's video block.  But instead of adding the link, you can click <>  and insert this code below but change out your video ID. 

This makes the videos autoplay and loop.  You can adjust the controls and sound (background), etc too. See below and screenshot attached for reference. 

For an example: I am using it on my SquareKicker website here:  https://squarekicker.com/features

Just swap out the Vimeo / YouTube ID number for yours. 

VIMEO
<iframe src="https://player.vimeo.com/video/625215456?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>

YOUTUBE
<iframe width="100% !important" src="https://www.youtube.com/embed/oyuCciYX2S4?playlist=oyuCciYX2S4&autoplay=1&mute=1&controls=0&loop=1" frameborder="0" allow="accelerometer; " allowfullscreen></iframe>

Note: Youtube needs a playlist to loop the video, just use the same video ID