How to change the border-radius on videos?

Hi folks, I'd like to make a change on my site and need your help.
How can I round the corners of my uploaded videos (and preview images)? I'd greatly appreciate your help!

Site: https://maltemartenmethod.squarespace.com/
Pword: maltemartenmethod2023

Add to Custom CSS

/* Round video */
.video-player .plyr .plyr__controls:before
{display:none!important;}

.plyr__video-wrapper video, .plyr__video-wrapper
{border-radius:30px !important;}

Where is preview images?

Thank you @tuanphan, but unfortunately, the code doesn't seem to work. I've embedded a video from YouTube, so perhaps something needs to be adjusted in the code? I appreciate further assistance!

The preview image can be selected in the video menu. See the attached screenshot.

On 1/7/2024 at 5:22 PM, Nomis said:

Thank you @tuanphan, but unfortunately, the code doesn't seem to work. I've embedded a video from YouTube, so perhaps something needs to be adjusted in the code? I appreciate further assistance!

The preview image can be selected in the video menu. See the attached screenshot.

I don't see video menu. Can you share link to this page?

@tuanphan I have placed videos in different locations on my site. For example, here:
https://maltemartenmethod.squarespace.com/module-1

By "Video Menu," I mean the menu in Squarespace where you can upload the video and the preview image.

On 1/7/2024 at 4:47 PM, tuanphan said:

Add to Custom CSS

/* Round video */
.video-player .plyr .plyr__controls:before
{display:none!important;}

.plyr__video-wrapper video, .plyr__video-wrapper
{border-radius:30px !important;}

Where is preview images?

Try this new code

/* Round video */
.video-player .plyr .plyr__controls:before
{display:none!important;}

.plyr__video-wrapper video, .plyr__video-wrapper, .sqs-video-wrapper img
{border-radius:30px !important;}