SKAL International Long Island – Club 513

A post with inline responsive video

April 10, 2012 by Bruce in Uncategorized

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=";byline=0&amp;portrait=0" width="620" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe><p><a href="">Vanishing Point</a> from <a href="">Takuya Hosogane</a> on <a href="">Vimeo</a>.</p>

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

Tagged → , ,