Custom code not working on live site

Hey guys, could really do with some help! 

I'm trying to figure out an issue with a basic piece of custom code not working with Squarespace. 

The code in question is below:

<center>
  <video autoplay="autoplay" loop="true" width="300">
    <source src="https://static1.squarespace.com/static/63c42a40636ad73a40b61949/t/63c45734cd040609661b246c/1673811785159/NO+MUSIC+-+Website+Home+Screen+.mp4" type="video/mp4"/>
  </video>
</center>

It works fine in design mode both for mobile and desktop but on the live site it's static and doesn't move at all. Attached is a video of how it should appear on the live site and a screenshot of what is currently happening. 

Any recommendations would be much appreciated. 

KC :) 

1 hour ago, KCYourEdit said:

I'm trying to figure out an issue with a basic piece of custom code not working with Squarespace. The code in question is below:

<center>
  <video autoplay="autoplay" loop="true" width="300">
    <source src="https://static1.squarespace.com/static/63c42a40636ad73a40b61949/t/63c45734cd040609661b246c/1673811785159/NO+MUSIC+-+Website+Home+Screen+.mp4" type="video/mp4"/>
  </video>
</center>

Some notes about the format of your HTML:

• autoplay="autoplay" is deprecated. You can include the attribute autoplay instead.
• In some browsers, autoplay doesn't work if no muted attribute is present
• loop="true" is also deprecated. As above, just include the attribute loop
• the center element is deprecated and should be avoided. CSS should be used instead.

When I add this instead, it plays for me on a live test site:

<video autoplay loop muted width="300">
  <source src="//static1.squarespace.com/static/63c42a40636ad73a40b61949/t/63c45734cd040609661b246c/1673811785159/NO+MUSIC+-+Website+Home+Screen+.mp4" type="video/mp4">
</video>

Did this help? Please give feedback by clicking an icon below  ⬇️