0

Hey guys I am trying to change the brightness on the background video of my slider. The CMS is squarespace and here is the code

<div class="sqs-video-background content-fill" data-config-url="https://youtu.be/w3W-VLSLT4E" data-config-playback-speed="1" data-config-filter="3" data-config-filter-strength="50" style="overflow: hidden; filter: brightness(0.55);">

As you can see the "Brightness at 0.55 is what I need to change im just not sure where to inject the code nor the proper way to write it.

Thanks.

Ameer
  • 1,980
  • 1
  • 12
  • 24
Justin Fahey
  • 1

1 Answers1

0

Use filter property brightness

filter:brightness(value);

This is example for a image.

img{
  filter:brightness(80%);
  max-width:100%;
  height:auto;
}
img:hover{
  filter: brightness(150%);
 }
<img src="https://i.pinimg.com/originals/6e/a9/07/6ea907beb0b63463b800c8dd00d48603.jpg">
Rayees AC
  • 4,426
  • 3
  • 8
  • 31
  • Thats not gonna work. Here is the site you will see the slider VIDEO in the background I just need to adjust the brightness so you can actually see the video. https://www.bcacunderground.com/ – Justin Fahey Aug 24 '20 at 19:27
  • ```.sqs-video-background .background-video.ready, .sqs-video-background .default-fallback-image.ready, .sqs-video-background .background-video.loaded, .sqs-video-background .default-fallback-image.loaded { opacity: 1; filter: brightness(51%); }``` – Rayees AC Aug 24 '20 at 19:29
  • I changed the video brightness : https://i.stack.imgur.com/eBHRn.png – Rayees AC Aug 24 '20 at 19:34