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 5
  • Created
  • Last Reply

Top Posters In This Topic

  • 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?

Thanks!

 

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.