This is the embedded video that is not properly responsive it will letterbox when going responsive.
<iframe width=”560″ height=”315″ src=”https://emb.d.tube/#!/simplefreedom/83n7dco8″ frameborder=”0″ allowfullscreen></iframe> this is the nomral code from d.tube for embedding a video on your website or WordPress Etc.
The below video is responsive and works like a dream for websites and WordPress blogs etc.
The code now looks like this: <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
<div class=”embed-container”><iframe src=”https://emb.d.tube/#!/simplefreedom/ypc4yqyh” frameborder=”0″ allowfullscreen=”allowfullscreen”></iframe></div>
I hope this little bit of code will help you out.
