Jump to content

Autoplay videos on cell phones

Recommended Posts

How do you get my cell phone to autoplay my videos? It works on the desktop and an iPad, but not my iPhone 14.

Here is my code I use in my Embed block.

<center>
  <video autoplay="autoplay" loop="true" width="550" muted="muted" controls>
    <source src="https://static1.squarespace.com/static/636d6fd9f542a10598b6bd24/t/63b7430ad3ac8054cc6b8e45/1672954637057/my_video_name.mp4" type="video/mp4"/>
  </video>
</center>

Link to comment
  • Replies 9
  • Views 2.2k
  • Created
  • Last Reply

Top Posters In This Topic

  • 1 year later...

Hi there, 

I'm having the same issue, was this ever solved? I've tried using the code above but it doesn't make the video auto-play, it just makes it larger on mobile the code I'm currently using to auto play is as follows:

<video autoplay="autoplay" loop="true" width="100%" muted> 
<source src="https://static1.squarespace.com/static/56c9ac9c59827e3fd8527ab9/t/664e599f77cc4f1b7648e3f3/1716410789422/poppy%2Bbright%2Bflash%2Bportrait%2Blifestyle%2Badvertsing%2Bfood%2Bphotography%2Btim%2Bjobling%2BLondon%2Beaster%2Bkids_2_1.mp4" type="video/mp4"/> 
</video>

Any help would be amazing!

Thanks.

Link to comment
10 hours ago, timjphoto said:

Hi there, 

I'm having the same issue, was this ever solved? I've tried using the code above but it doesn't make the video auto-play, it just makes it larger on mobile the code I'm currently using to auto play is as follows:

<video autoplay="autoplay" loop="true" width="100%" muted> 
<source src="https://static1.squarespace.com/static/56c9ac9c59827e3fd8527ab9/t/664e599f77cc4f1b7648e3f3/1716410789422/poppy%2Bbright%2Bflash%2Bportrait%2Blifestyle%2Badvertsing%2Bfood%2Bphotography%2Btim%2Bjobling%2BLondon%2Beaster%2Bkids_2_1.mp4" type="video/mp4"/> 
</video>

Any help would be amazing!

Thanks.

try this code

<video autoplay loop width="100%" muted> 
<source src="https://static1.squarespace.com/static/56c9ac9c59827e3fd8527ab9/t/664e599f77cc4f1b7648e3f3/1716410789422/poppy%2Bbright%2Bflash%2Bportrait%2Blifestyle%2Badvertsing%2Bfood%2Bphotography%2Btim%2Bjobling%2BLondon%2Beaster%2Bkids_2_1.mp4" type="video/mp4"/> 
</video>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Hi @tuanphan 

Thanks very much for your reply.

I tried your code but the video still doesn't auto-play on Mobile, it shows up as a normal video with all the controls showing and the option to play/pause etc. I've tried a few variations of the code and they all seem to work well on desktop but not on mobile for some reason?

Thanks again for the help!

Link to comment
22 hours ago, timjphoto said:

Hi @tuanphan 

Thanks very much for your reply.

I tried your code but the video still doesn't auto-play on Mobile, it shows up as a normal video with all the controls showing and the option to play/pause etc. I've tried a few variations of the code and they all seem to work well on desktop but not on mobile for some reason?

Thanks again for the help!

Can you share link to page where you use video? I can check on mobile easier

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

You try again with this code

<video autoplay loop width="100%" muted playsinline> 
<source src="https://static1.squarespace.com/static/56c9ac9c59827e3fd8527ab9/t/664e599f77cc4f1b7648e3f3/1716410789422/poppy%2Bbright%2Bflash%2Bportrait%2Blifestyle%2Badvertsing%2Bfood%2Bphotography%2Btim%2Bjobling%2BLondon%2Beaster%2Bkids_2_1.mp4" type="video/mp4"/> 
</video>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 5/28/2024 at 10:16 PM, timjphoto said:

Hi @tuanphan 

Here is the link to the page with the video https://www.timjobling.co.uk/easter-eggs

There is only one on there at the moment, I'd like to roll it out across my whole site if we can get it to work on Mobile too.

Thanks.

I checked the site on mobile an confirm it is autoplay

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox, video lightbox and much more)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 No-code customisations for Squarespace (+100 Spark plugin customisations)
🥳 Freemium Squarespace Widget Templates (+1000 Elfsight 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

try this code 

Quote

<center> <video autoplay muted playsinline loop width="550" controls> <source src="https://static1.squarespace.com/static/636d6fd9f542a10598b6bd24/t/63b7430ad3ac8054cc6b8e45/1672954637057/my_video_name.mp4" type="video/mp4"/> </video> </center>

 

LoftyDevs - Squarespace Website Design Experts

email.png
Connect - info@loftydevs.com 
website.png
Website - loftydevs.com
address.png
Ahmedabad, India
 
 
 
 
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.