Responsive Video Embeds

Your content in motion

The [video] shortcode lets you insert a video embed that automatically resizes to fill its parent container. The idea is that you can add a video to a page and have it display correctly on all devices - desktop, tablet and mobile. Resize the window and watch as the video embeds below resize correctly. You can also click it to launch lightbox.

http://vimeo.com/20148191

Get The Code

<!-- YouTube Embed -->
[video src="http://youtu.be/Co0tTeuUVhU" width="300" height="200"]

<!-- Vimeo Embed -->
[video src="http://vimeo.com/20148191" width="300" height="200"]

Customization Options

src – the URL of the video you want to embed
width – the width and height will be used to maintain the aspect ratio of the video as it is resized
height – the width and height will be used to maintain the aspect ratio of the video as it is resized
autoresize – whether or not you want the responsive autoresize to run
autoplay – whether to start playing the video as soon as the page is loaded