我想在我的youtube嵌入下显示一个阴影，当我有不同大小的视频时我遇到了麻烦。当我在它周围包装一个静态div时，我可以让它工作，但是这对于不同大小的视频效果不佳。如果它有帮助，它们似乎总是具有相同的宽度（640px），高度取决于相机/视频。
是否有更好的方法可以执行此操作，或许可以将其应用于iframe？我是CSS的菜鸟，我似乎无法在网上找到答案。
有什么想法吗？
我的代码：
的 HTML：
<div id="videoclip">
<iframe width="640" height="510" src="http://www.youtube.com/embed/l4hMvo71p4M?rel=0&wmode=transparent&showinfo=0&start=11" frameborder="0" allowfullscreen></iframe>
</div>
CSS：
#videoclip{
width: 640px;
height: 510px;
box-shadow: 5px 5px #818181;
-webkit-box-shadow: 5px 5px 5px #818181;
-moz-box-shadow: 5px 5px 5px #818181;
}