Example responsive embed
HTML
<div class="ccembed_wrapper"><iframe class="ccembed" src="http://embed.contentconnect.co/content/"></iframe></div>
CSS
.ccembed_wrapper { position: relative; overflow: hidden; padding-top: 66.666%; border: 5px solid red; } .ccembed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } @media (max-width: 623px) { .ccembed_wrapper { height: 80vh; padding-top: 0; } }