Как удалить пробел внутри 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%; } 

Проблема заключается в том, что я просто не могу удалить белый пространство вокруг видео.

Я знаю, что метод добавления этой строки где-то:

дисплей: блок;

Но это мой первый день кодирования в CSS.

Это больно. Я знаю проблему, я знаю решение, но я не могу это исправить.

Answer 1

Пустое пространство вокруг этого видео вызвано отрывом по умолчанию (8px) на body

Чтобы удалить надстройку:

body { 
    margin: 0; 
}