css - clip-path on YouTube iframe -


i trying make polygon clip-path work on youtube iframe. works on chrome , safari before video played (but not after), , not @ on firefox. have no idea why happening , have not found examples of clip-path working on youtube iframe.

<iframe width="320" height="256" src="https://www.youtube.com/embed/zkesoubvqds" style=" -webkit-clip-path: polygon(0 25%, 100% 16%, 100% 89%, 0 64%); clip-path: polygon(0 25%, 100% 16%, 100% 89%, 0 64%);`" frameborder="0"></iframe> 

jsfiddle


Comments

Popular posts from this blog

node.js - How to mock a third-party api calls in the backend -

node.js - Why do I get "SOCKS connection failed. Connection not allowed by ruleset" for some .onion sites? -

matlab - 0-by-1 sym - What do I need to change in order to get proper symbolic results? -