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
facebook Responsive Video Embedsgoogle plus Responsive Video Embedstwitter Responsive Video Embedspinterest Responsive Video Embedslinkedin Responsive Video Embedsgmail Responsive Video Embeds