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

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