Jump to content

How to remove the black semi-transparent overlay from the video?

Go to solution Solved by Ziggy,

Recommended Posts

Hi,

I inserted a regular video on the website and placed a video from the gallery in it, which I uploaded.

The problem is that there is a black semi-transparent overlay that appeared, and I couldn't remove it.

If I use a video in the player by inserting a link, there is no such issue. But I need to use the uploaded video specifically here.

The only way I found it player control>non, but I need him.

I would be immensely grateful for any help.

image.thumb.png.14d9f9db132b713f73d8404916fe62fe.png

Edited by the_first_wolf
Link to comment
  • Solution

Add this to Custom CSS:

// Hide video overlay gradient
.video-player .plyr .plyr__controls:before {
  background-image: none !important;
}

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
1 minute ago, the_first_wolf said:

Thank you so much, it really worked!

Happy to help!

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

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.