Jump to content

Black lines on code block video

Recommended Posts

Hello:)

I have these black lines on the side of my video. I used this tutorial to add in my video: https://www.katescott.co/blog/squarespace-animations

In code block:

<video autoplay="autoplay" muted loop="true" width="100%" controls>

  <source src="https://static1.squarespace.com/static/61d0f1f92ffb8339ed5a974b/t/639fdda26868072f56a019d3/1671421354482/branding-z_social-implementation-800x450.mp4" type="video/mp4">

</video>

CSS:
.video {
  background-color: white;
  pointer-events: none;
  position: center;
  aspect-ratio:  16/9;
}


How can I get rid of those black lines?

BTW, the video itself doesn't have those lines. 

Site: https://www.makellwebb.com/branding

Screen Shot 2022-12-18 at 6.52.18 PM.png

Edited by MaKell
Clarification
Link to comment
  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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.