Optional Call-Out bar. You can configure, show or hide it inside Theme Options Panel.

Call Toll Free: 1800-220-1122

Walk

For business inquiries, email info@walktheme.com

Home / Uncategorized / A post with inline responsive video

A post with inline responsive video

Posted on by in Uncategorized

Vanishing Point from Takuya Hosogane on Vimeo.

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 → , ,

Share this Post

PinIt

About Saurabh

Author profile can be set inside WordPress Users > Your Profile section. Once the biographical information is set, it will be available for display on Author profile. If you have an email address associated with gravatar.com, your Author avatar will display inside this section.

View all posts by Saurabh →