Stian Andreassen

YouTube SimpleGallery is a plugin for creating video galleries with thumbnails. Now merged with the <a href="https://wordpress.org/plugins/vimeo-simplegallery/" rel="ugc">Vimeo SimpleGallery</a>, this plugin supports both YouTube and Vimeo. You can even combine videos from both services in the same gallery. The plugin will automatically fetch both thumbnails and titles from YouTube/Vimeo.
Now also supports user feeds – a much requested feature!
<h4>YouTube SimpleGallery – new and improved!</h4>
<ul>
<li>YouTube SimpleGallery and Vimeo SimpleGallery have merged, i.e. they now have the same codebase. Old shortcodes still functional.</li>
<li>NEW FEATURE: It is now possible to combine video services, i.e. you can add links from YouTube and Vimeo in the same gallery.</li>
<li>NEW FEATURE: Automatically fetch titles from video service.</li>
<li>NEW FEATURE: User-defined attributes in shortcode overrides default settings: cols=x and thumbwidth=y allows for galleries with different thumb sizes, etc.</li>
<li>NEW SHORTCODE: [youtubeuserfeed user=username service=youtube] – outputs a gallery from a user’s video feed – works with both YouTube (service=youtube) and Vimeo (service=vimeo).</li>
</ul>
To embed a gallery in a Post use the following code:
<pre><code>[youtubegallery]
http://www.youtube.com/watch?v=cRdxXPV9GNQ
http://vimeo.com/13470805
http://www.youtube.com/watch?v=jJK-G9-dLzw
http://www.youtube.com/watch?v=S4aqM_wu6Ns
http://vimeo.com/68180971
[/youtubegallery]
</code></pre>
<h3>Usage</h3>
= Galleries = 
You can now combine links from YouTube and Vimeo in the same gallery.
To embed a gallery in a Post use the following code:
<pre><code>[youtubegallery]
http://www.youtube.com/watch?v=cRdxXPV9GNQ
http://vimeo.com/13470805
http://www.youtube.com/watch?v=jJK-G9-dLzw
http://www.youtube.com/watch?v=S4aqM_wu6Ns
http://vimeo.com/68180971
[/youtubegallery]
</code></pre>
NOTE: Make sure URLs start with http. For the time being, https is not supported.
If you want to add titles to the videos, add it before the link and separate with | (pipe), like this:
<pre><code>[youtubegallery]
Eyes Close|http://vimeo.com/13470805
Jožin z bažin|http://www.youtube.com/watch?v=S4aqM_wu6Ns
[/youtubegallery]
</code></pre>
NOTE: If titles are added before videos, these will override titles fetched automatically from services.
<h4>User Feeds</h4>
To set up a gallery that subscribes to a user’s feed, use the following shortcode: 
 [youtubeuserfeed user=username service=youtube]
Note that both <code>user</code> and <code>service</code> are required for the feed to work. Service is either youtube or vimeo.
Optional attributes are maxitems=x where x is the number of items to fetch:
<pre><code>[youtubeuserfeed user=username service=youtube maxitems=4]
</code></pre>
<h4>Overrides</h4>
Overrides are a way of suppressing the default settings of the plugin, with attributes of your own.
Override columns with <code>cols=x</code>, where x is the number of thumbs per row:
<pre><code>[youtubegallery cols=8]
</code></pre>
Override thumbnail width with <code>thumbwidht=x</code>, where x is a pixel value:
<pre><code>[youtubegallery thumbwidth=100]
</code></pre>
Fetch titles from service with <code>autotitles=fetch</code> (or <code>autotitles=false</code> to not fetch):
<pre><code>[youtubegallery autotitles=fetch]
</code></pre>
And, of course, you can combine them:
<pre><code>[youtubegallery cols=8 thumbwidth=100 autotitles=false]
</code></pre>
These are also applicable for the <code>[youtubeuserfeed]</code> shortcode.
<h4>Supported Video Services</h4>
Supported services are YouTube and Vimeo. Other services might be added, but a requirement is that they can deliver video streams in a HTML5-compatible format.
Note that it is possible to combine videos from both services in galleries.

YouTube SimpleGallery

Create beautiful galleries with videos from YouTube and Vimeo.

Sibin Grasic

Responsive Videos plugin will allow you to automatically resize and scale your embedded videos on mobile devices. 
CSS selector option is provided so you can target only your post / page content container.
Features
<ul>
<li>Automatic configuration option</li>
<li>Automatically resizes / scales all your embedded videos</li>
<li>Works on all browsers</li>
<li>Highly compatible – you can change the css selector for the text highlight</li>
<li>Customizable – you can select the page type on which to activate the fitVids script</li>
</ul>

Responsive videos – Fitvids

Nice one

Good

Make your Embedded videos responsive on mobile devices with jQuery FitVids plugin

YouTube SimpleGallery vs Responsive videos – Fitvids