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

Hi friends!
Looks like an old thread but issues with video autoplay on Squarespace are persistent. IMHO it should just work as other options do like Boldgrid for example https://raggededge.com/work/marshmallow/ don't have a problem managing it well.

My context is how to embed video from Vimeo on a Gallery page and have it autoplay.
It embeds fine, but won't autoplay, even though the Vimeo embed code specifies it should. Also Squarespace alters the Vimeo embed code after saving it. Why? I have no idea.
Here's the gallery example https://www.scottandreae.com/five

Here's the Vimeo embed code:
<iframe src="https://player.vimeo.com/video/115219608?h=008e4564e9&autoplay=1&loop=1&color=ffffff&title=0&byline=0&portrait=0" width="1500" height="1500" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>

Here's what it looks like after one saves it on Squarespace:
<iframe allow="autoplay; fullscreen; picture-in-picture" allowfullscreen src="https://player.vimeo.com/video/115219608?h=008e4564e9&amp;autoplay=1&amp;loop=1&amp;color=ffffff&amp;title=0&amp;byline=0&amp;portrait=0&amp;wmode=opaque" width="1500" frameborder="0" height="1500"></iframe>

Again, no idea why Squarespace changes the embed code, or why "muted" isn't included by Vimeo, which seems to be "a thing" as far as I've read.

I'd be grateful for any advice. Thanks so much!

Hi! Chiming in because I'm running into similar issues with getting my embedded Vimeo video to autoplay. I originally had the video directly uploaded to Squarespace and loved how I had control of the settings (and autoplay worked like a dream), but it made the page size HUGE. I don't have much experience with video or compression so I switched to the Vimeo embed option. I've added the ?autoplay=1 to the embed code and tried lots of different things, but cannot for the life of me get the video to autoplay. Anyone have any ideas? Here's one embed option I used without any luck:

<iframe src="https://player.vimeo.com/video/1004160063?h=63770b9c95?autoplay=1&loop=1&background=1&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write" style="position:absolute;top:0;left:0;width:100%;height:100%;" title="video_wallpaper"></iframe>

On 8/31/2024 at 10:02 PM, rotanzdesign said:

Hi! Chiming in because I'm running into similar issues with getting my embedded Vimeo video to autoplay. I originally had the video directly uploaded to Squarespace and loved how I had control of the settings (and autoplay worked like a dream), but it made the page size HUGE. I don't have much experience with video or compression so I switched to the Vimeo embed option. I've added the ?autoplay=1 to the embed code and tried lots of different things, but cannot for the life of me get the video to autoplay. Anyone have any ideas? Here's one embed option I used without any luck:

<iframe src="https://player.vimeo.com/video/1004160063?h=63770b9c95?autoplay=1&loop=1&background=1&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write" style="position:absolute;top:0;left:0;width:100%;height:100%;" title="video_wallpaper"></iframe>

I see this some from somewhere.. you can try

<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>
	

here it has muted option

Thanks for the response @tuanphan. I ended up going a different direction and doing a section background video instead of an embed block since I couldn't figure out a way to get it to work. Appreciate you looking into this!