I am trying to add a border around my video. I managed to get the border around the video while the video is playing, but when the video stops, or if I hover my cursor over the video, the border of the bottom left and bottom right corners is removed

I am trying to add a border around my video. I managed to get the border around the video while the video is playing, but when the video stops, or if I hover my cursor over the video, the border of the bottom left and bottom right corners is removed.

Can someone please help me with this? The code I am currently using is here:

.video-block {
  border-radius: 15px !important;
  overflow: hidden;
}

.video-block video, 
.video-block img {
  border-radius: 15px !important;
  overflow: hidden;
}

Hi,

Can you share link to page where you use video? We can check easier

Sure! 
https://www.oceangrove.church/test

The password to the page is: stpaulsstaff

15 hours ago, Richard06 said:

Sure! 
https://www.oceangrove.church/test

The password to the page is: stpaulsstaff

Add this under your code

.native-video-player.video-player.video-player--medium, .sqs-native-video, div.plyr__controls, .plyr__poster {
    border-radius: 15px !important;
}

That did help, but it did not fix the entire issue. Let me show you what the video looks like now.

Could you help me fix this?

It works, thank you!