This is the embedded video that is not properly responsive it will letterbox when going responsive.

<iframe width=”560″ height=”315″ src=”!/simplefreedom/83n7dco8″ frameborder=”0″ allowfullscreen></iframe> this is the nomral code from 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=”!/simplefreedom/ypc4yqyh” frameborder=”0″ allowfullscreen=”allowfullscreen”></iframe></div>

I hope this little bit of code will help you out.


Reviews, Links, and Products on this site: I am an affiliate for almost every product I review. My reviews are done as honestly as possible and there are no promises to the vendor prior to writing my review. Should you click a link on this site that takes you to a paid product this link will be an affiliate link and I will be paid a percentage of the sale price if you decide to purchase that product on my pages. Any money-making opportunities like any opportunities involve risks. Under no circumstances should any article or video on this site be considered as any type of solicitation, investment, or financial advice. Information provided is in general terms, without accounting for an individual's specific financial situation. With any project/opportunity there is a risk of loss of all funds and commissions. Past results do not guarantee any future performance. If you are unsure seek the advice of a qualified professional before moving forward with any opportunity/money-making project. If you continue and view any video or reading any article indicates your acceptance of the above terms.