实施响应式视频容器后，嵌入的视频不会显示

Question

我在我的网站上使用来自youtube ande vimeo的嵌入视频，最近我添加了css代码以使其成为resposive css是：

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

html就像这样：

<div class="video-container">
  <iframe width="415" height="241" src="http://www.youtube.com/embed/zgEKLhvCCVA" frameborder="0" allowfullscreen>
</div>

没什么特别但它不起作用。你可以在这里看到结果：http://www.rayshaft.com/music/article/linkin-park-burn-it-down-released

当我删除CSS时，我可以看到嵌入视频，但当然他们没有响应。 我错过了什么？