Need to add Rounded Corners / Border Radius around banner video.

Hi,

I am trying to add rounded corners around the banner video in the #test1 section.

Link: https://www.nbamir.com/tester

I've tried a number of approaches but can't seem to make it work. Does anyone know how to do this?

As a follow-up, I want to set the video to a particular height. How can I do this?

It looks like you solved with this CSS code?

#hero-video .video-player .plyr__video-wrapper {
    margin: 0px !important;
    margin-top: 17px !important;
    border-radius: 50px !important;
    height: auto !important;
}

Hi, the section you have mentioned has a video block. I want rounded corners around the #test1 section which uses a banner video instead.

On 7/11/2023 at 2:00 PM, nbamir said:

Hi, the section you have mentioned has a video block. I want rounded corners around the #test1 section which uses a banner video instead.

Try this CSS code

.Parallax-item:first-child video, .Parallax-item:first-child iframe, .Parallax-item:first-child {
    border-radius: 50px;
}