HTML video with black bars
Hey! I have a few videos on my landing page that have weird black bars on them like shown. I've searched around and I can't find a solution that works for me. The solution I've been using has been to use a clip path, but because I have the purple bar (psuedo element that's on top of the video) it looks like picture 2. Any suggestions?


3 Replies
Adobe's browser video cropper adds those black lines for whatever reason so I had to go into premiere and manually crop it myself
ugh, that's annoying... but also good to know you didn't really do anything wrong (even if you wasted a lot of time trying to solve an issue)
Yea... could have been me not cropping it fully but I cropped it like 20 times and tried to make sure I cropped it fully so idk 😂 I spent way too much time trying to get these videos to look nice and load fast