YouTube embed video's zijn standaard niet responsive en maken de responsive website layout kapot. CSS tricks om dit op te lossen werken met een container element met eigen stijlen voor de aspect ratio. LiveEdit genereert standaard het container element .media_embed, maar je wilt niet dat de code voor een video ook op andere iframe inhoud wordt toegepast.

Een stukje CSS om dat op te lossen zou als volgt zijn:

.media_embed[data-embed*="youtube"] {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

Dit is uiteraard ook op ander video diensten toe te passen.