A post with inline responsive video

How to insert a video with elastic width?

Whenever you insert any iFrame or embed code (generally for videos or Google maps), you can wrap them in a div with class name as embed_wrap. This will make the inner embed code responsive. Below is a sample code used in this post.

<div class="embed_wrap">
<iframe src="http://player.vimeo.com/video/8837024?title=0&amp;byline=0&amp;portrait=0" width="620" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe><p><a href="http://vimeo.com/8837024">Vanishing Point</a> from <a href="http://vimeo.com/hsgn">Takuya Hosogane</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
</div>

You can follow same wrapping if you insert a video or a Google map inside a text widget in sidebar.

Tagged → embed, responsive, video