title: HTML5 Video Border Radius in Chrome Not Working
body: <p>I am trying to make my HTML5 video have top-left and bottom-left rounded corners with transparency, just like how it would act when using border-radius. Unfortunately in Chrome the border-radius does not work for some kind of reason on the HTML video tag, but does in IE10 and Firefox.</p>
  
  <p>After several attempts of trying to achieve that I stumbled upon this answer: <a href="https://stackoverflow.com/a/16470150/1115367">https://stackoverflow.com/a/16470150/1115367</a> But I quickly found out that this will fill in a color in the rounded corners, instead of making it transparent.</p>
  
  <p>How can I make the border radius working on a HTML5 video in Google Chrome without decreasing the video performance?</p>
  
  <p>I'm willing to use javascript / jQuery if necessary.</p>