Iframe

responsivo

<div class="embed">
    <iframe src="//youtube.com/embed/AvShvpr0W4M" allowfullscreen></iframe>
</div>

.embed {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}
.embed::before {
    padding-top: 56.25%;
    display: block;
    content: "";
}
.embed iframe {
    position: absolute;
    inset: 0;
    height: 100%;
}
iframe {
    width: 100%;
    border: 0;
}

Esse trecho de codigo CSS está definido no arquivo restart.css

A incorporação do iframe com vídeos do YouTube é bem fácil, todos que trabalham com html sabem, é só copiar e colar o código disponibilizado pelo mesmo. Porém tem vários outros opções que dá ao usuário mais autonomia. E para quem não tem conhecimento disso Acesse aqui a documentação.