This is the default layout from version 1.8 onwards. The video width will adjust to fit the width of its parent container.

This layout is suitable for any device wether it’s desktop (big screens) or mobile (smaller screens).

It doesn’t matter if a website uses a static, fluid or elastic layout, the video will adapt to fit.

Use this layout if you are designing either a mobile website or a website with fluid or elastic areas.

For example, if a mobile screen it’s only 300px wide the video player will adjust to the width of its parent container and thus, it will fit perfectly (it won’t break or overflow the layout/design).

Test it right now:

Visit this article with your mobile phone or resize the browser window and you’ll see how the video player adapts to fit.

How to use:

Simply put: Do not set the width and height parameters.

Shortcode parameters used:

v=CIcIyVQ3E_E