html - 如何删除 youtube iframe 中的空白区域？

Question

我正在使用此代码段将 YouTube 视频嵌入到我的网站:http://jsfiddle.net/EJ6jZ/3/

HTML

<div class='embed-container'>
<iframe src='http://www.youtube.com/embed/KRaWnd3LJfs' frameborder='0' allowfullscreen></iframe>   
</div>

CSS

.embed-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; max-width: 100%; height: auto; } 
.embed-container iframe, 
.embed-container object, 
.embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

问题是我无法删除视频周围的空白区域。

我知道该方法在某处添加了这一行:

显示: block ；

但是，这是我第一天使用 CSS 编写代码。

很痛苦。我知道问题我知道解决方案，但我无法修复它。

Answer 1

此视频周围的空白是由 body 上的默认边距 (8px) 引起的

删除添加:

body {
    margin: 0;
}