Jump to content

Black lines on code block video

Recommended Posts


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 {
  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
Link to comment
  • Replies 5
  • Created
  • Last Reply

Top Posters In This Topic

It's fine on my browser! I take it you fixed it?

Sam Crawford | by Crawford.
Multi-award-winning Squarespace expert
💸 Speedrun your first $100k as a Squarespace designer: sixfiguredesign.club
📱 Hire me to build your Squarespace website: calendly.com/bycrawford/call
Did my comment help? To help others benefit, leave a like and mark my answer as 'best'. This lets users scroll straight to the solution they need.
Link to comment
  • 1 month later...
On 2/8/2023 at 11:07 AM, generik said:

Hi there, I'm having the same issue.

Was there a resolution to this?



Screen Shot 2023-02-07 at 8.06.39 PM.png

Can you share link to page in screenshot? We can check easier

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 2 months later...
On 2/11/2023 at 1:15 PM, tuanphan said:

Can you share link to page in screenshot? We can check easier

I'm also having this issue. Has there been a resolution yet?
It is happening on a few videos on my site.

Here is a link to the site: https://krissp.work/unlock
And, I have put a screen shot of the weird black lines on either side of the video. (There are 100% no black lines on the left and right edges of the video)

Screen Shot 2023-04-11 at 12.54.08 PM.png

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.