Rounded corners on video player

Hey,

I am having trouble getting my video player to have rounded corners. I have had partial success it seems the player controls are rounded but the actual playback is not. I have included a screenshot so you should hopefully be able to see.

The site is: https://www.dillonbradley.com/fios-tv
Password: justfordill

This is the code that I used up to this point:
 

//Rounded corner video block//
#block-yui_3_17_2_1_1673202071165_18469{
  border-radius: 30px !important;
   }
.video-player {
  -webkit-clip-path: inset(0px round 30px);
  clip-path: inset(0px round 30px);
}

many thanks!

Perfect, this worked!

1 minute ago, DillonBradley said:

Perfect, this worked!

Nice one!