Jump to content

The video does not play automatically on the phone.

Recommended Posts

Posted

The video does not play automatically on the phone.
Everything plays well on the Squarespace platform, it also plays in the browser, although it looks a little different, and it doesn’t play These pages have a video block at the beginning.automatically on the phone; I showed on the screen how it looks on different devices.

These pages have a video block at the beginning.

https://turtle-broccoli-del8.squarespace.com/ and https://turtle-broccoli-del8.squarespace.com/the-7-frequencies

pass: 12345

image.thumb.jpeg.16ba81cebdd926b940d58940b7d8bc12.jpeg

  • Replies 12
  • Views 2.7k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Posted
18 minutes ago, IXStudio said:

Hi,
Did you check the "playsinline" attribute on the Video tag?

Please use the like button if it helps you!

Best,
Leopold

 

Hi,

how to check it?
Now these are the settings.

<center>
  <video autoplay="autoplay" loop="true" width=100%; height=100%; controls >
    <source src="https://theartofcommunication.org/wp-content/uploads/2022/11/7F_WEB_SLIDER_2.mp4">
  </video>
</center>

Posted

The Center tag is deprecated.

Your code should be like this:
 

<video autoplay="autoplay" loop="true" width=100%; height=100%; controls playsinline>
    <source src="https://theartofcommunication.org/wp-content/uploads/2022/11/7F_WEB_SLIDER_2.mp4">
</video>


Please use the like button if it helps you!

Best,
Leopold

Ninja Kit Extension: Upgrade your Squarespace website without coding.

YouTube Preview    -    FREE DOWNLOAD

Posted
11 minutes ago, IXStudio said:

The Center tag is deprecated.

Your code should be like this:
 

<video autoplay="autoplay" loop="true" width=100%; height=100%; controls playsinline>
    <source src="https://theartofcommunication.org/wp-content/uploads/2022/11/7F_WEB_SLIDER_2.mp4">
</video>


Please use the like button if it helps you!

Best,
Leopold

Should we remove the CENTER tag?

Posted

It's better to remove it and make the Video center horizontally via CSS code. Place the code into your website and let me know the URL of the page, I'll send the CSS code 🙂

Please use the like button if it helps you!

Ninja Kit Extension: Upgrade your Squarespace website without coding.

YouTube Preview    -    FREE DOWNLOAD

Posted
8 minutes ago, pdv2008 said:

Should we remove the CENTER tag?

Now in CSS it’s like this.


@media screen and (max-width:767px) {
video {
     height: 60vh !important;
     object-fit: cover !important;
}
}
but after your code in the phone it still doesn’t play automatically.

 

These pages have a video block at the beginning.

https://turtle-broccoli-del8.squarespace.com/ and 

https://turtle-broccoli-del8.squarespace.com/the-7-frequencies

pass: 12345

  • 11 months later...
Posted

I had the issue but realized it was just from my phone being on low power mode! If you test this make sure your phone has enough battery and is off low power mode. Once I switched it off the video played automatically. 

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.