Css 播放时，youtube嵌入了圆角视频

我知道，还有其他一些问题，比如如何制作带有圆角的youtube嵌入式视频和一些作品，但只有当它处于“未播放模式”时才有效但在播放时（或播放后停止）会松开圆角

因此，如何在播放视频时保持圆角？

CSS代码（最初不是我的）：

iframe，
对象
嵌入
{
边框：5px实心rgb（255255）；
边框：5px实心rgba（255255,0）；
-webkit边界半径：20px！重要；
-ms边界半径：20px！重要；
-o-边界半径：20px！重要；
边界半径：20px！重要；
}

HTML代码：

<iframe width="380" height="214" src="http://www.youtube.com/embed/vUuVYAYWy_Q?rel=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>

正如您所看到的，这个想法是在iframe周围创建一个带有边框的“包装器”

---

要获得小于此值的边框，您应将两个规则中的20px更改为相同的值。

尝试将溢出设置为hiddenSure，我尝试过，但仍然存在相同的问题，在播放时…它看起来几乎不错，但我需要它，但没有厚边框：（正是我需要它，没有边框。（或者在上面的CSS中大约是5px，这不足以节省20px的舍入）编辑后，我可以接受另一种使用CSS变换和旋转的技术，非常感谢

<iframe width="380" height="214" src="http://www.youtube.com/embed/vUuVYAYWy_Q?rel=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>

iframe {
   border:20px solid red; /*your border-color*/
   border-radius: 20px !important;
}