What does this do?

Placing this mobile responsive code on your website's HTML editor, will allow fullsize Youtube iframes on mobile & desktop that do not break your page width. You will not want an iFrame on your website without this! Without this your mobile website will side scroll outside of your content layout.

Example with code

Fits all screen sizes

Example without code

one size for all screen sizes - I'm breaking my website for this example!

Common Q&As

Place this code in the HTML editor of your website

Yes! It will work with any video iFrame.

If your a web developer here is the css .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

For anyone who just wants a code that works - Your welcome!

rickyhaswifi@gmail.com