Responsive Video Embeds

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.

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