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.

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