WordPress.org

Ready to get started?Download WordPress

Plugin Directory

Responsive Video Light

This will display a responsive YouTube or Vimeo video in pages or posts - anywhere shorttags can be used, including the "text" widget.

Features Include:

  • The ability to add one or more videos directly in to a page, post or any of your own custom post types using the video URL (not the embed code) or ID and a short code. Currently YouTube and Vimeo are supported, using the [responsive_youtube] and [responsive_vimeo] shortcodes, respectively.
  • Fully responsive so the video's viewport will fill the width of the containing area and scale depending on screen size. No need to set a width and height, just set the width of the div your content sits in.
  • YouTube videos have a shortcode attribute that lets you turn "related videos" on or off. "Related Videos" are the links that tile across the viewport when a video has completed playing.
  • Also in relation to YouTube's "related videos", there is a single setting in the plugin settings screen that allows you to turn them off globally. Of course you can override this setting on each individual video using the shortcode parameter.

Example Usage:

For a YouTube video, you can specify either the full URL to the video or just the unique video ID, like this:

[responsive_youtube http://www.youtube.com/watch?v=NbCr0UyoFJA ] 
[responsive_youtube NbCr0UyoFJA]

And if you want to specify whether or not you'd like the "related videos" to display, you can use the "rel" or "norel" parameters in the shortcode syntax, like this:

[responsive_youtube NbCr0UyoFJA norel]
[responsive_youtube NbCr0UyoFJA rel]

The rel and norel tags will override whatever you have set in the plugin settings screen for that specific video only.

YouTube supports the setting of an iframe window mode via parameter. The full explaination of what this does is beyond the scope of this documentation (practically, it usually affects the iframe's z-index (so wierd!)), but you can adjust this parameter using "wmode_none", "wmode_transparent", and "wmode_opaque" shorttag parameters, like this:

[responsive_youtube NbCr0UyoFJA wmode_none]
[responsive_youtube NbCr0UyoFJA wmode_transparent]
[responsive_youtube NbCr0UyoFJA wmode_opaque]

Of course the "rel" or "norel" and "wmode_*" parameters can be combined as well:

[responsive_youtube NbCr0UyoFJA norel wmode_transparent]

Also, the plugin settings page allows you to set the wmode parameter globally, which you can then override on an as needed basis with the shorttag parameters shown here.

Similarly, for a Vimeo video, you can use the full video player URL or just the video ID, like this:

[responsive_vimeo https://vimeo.com/29506088 ] 
[responsive_vimeo 29506088]

Unique to Vimeo, there are a few extra parameters you can use to control which elements are visible while displaying the posterframe:

  • title, notitle - Display the video title (or not, shows by default)
  • byline, nobyline - Display the byline (or not, shows by default)
  • portrait, noportrait - Display the user portrait (or not, shows by default)
  • notab - No Title, Byline, or Portrait, all wrapped into a single parameter ("tab" means Title Author Byline)

In a future version, these extended options will probably be globally configurable.

Requirements

  • WordPress 3.0 +

Requires: 3.0 or higher
Compatible up to: 3.8.3
Last Updated: 2014-1-13
Downloads: 9,239

Ratings

5 stars
5 out of 5 stars

Support

Got something to say? Need help?

Compatibility

+
=
Not enough data

0 people say it works.
0 people say it's broken.

100,1,1
100,2,2
100,1,1