-4

I wanna make video style just like this... (curve)

I tried to search & think how to performance this but i couldn't find it?

Is there anyone who can help me?

Thank you..

enter image description here

jy kim
  • 17
  • 5
  • 1
    https://developer.mozilla.org/en-US/docs/Web/CSS/transform – Cully Nov 07 '20 at 06:03
  • This has already been answered on SO: https://stackoverflow.com/questions/15007903/html5-canvas-with-rounded-corner/15090794 – Cully Nov 07 '20 at 06:14

1 Answers1

2

Unfortunately, Chrome and Safari do not support border-radius on elements. But If you create a div container with rounded corners and overflow hidden, and then place the video in it. it will be right.

<style>
.video-div{
    width: 350px;
    border-radius: 10px; 
    overflow: hidden; 
}
</style>


<div class="video-div">
    <video></video>
</div>
Mohammed Ali
  • 140
  • 2
  • 10