How to add circular border on mp4 video on squarespace

Question

I tried to add border radius in square space video but it doesn't work. Does anyone know how to do this?

I was trying to put a circular border on the video and tried the following code:

#block-df45bbc957de1bd8c905.video-block .video-player{
 padding-bottom:120%;
 border-radius: 10px;
};

Answer 1

To ensure that the border-radius property takes precedence over any incompatible CSS rules, you can try adding the !important keyword after it, like this: < /p>

#block-df45bbc957de1bd8c905.video-block .video-player{
  padding-bottom: 120%;
  border-radius: 10px !important;
}