Stian Andreassen

<p>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.</p>
<p><em>Now also supports user feeds – a much requested feature!</em></p>
<h4>YouTube SimpleGallery – new and improved!</h4>
<ul>
<li><strong>YouTube SimpleGallery</strong> and <strong>Vimeo SimpleGallery</strong> 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>
<p>To embed a gallery in a Post use the following code:</p>
<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>
<p>= Galleries =<br />
You can now combine links from YouTube and Vimeo in the same gallery.</p>
<p>To embed a gallery in a Post use the following code:</p>
<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>
<p>NOTE: Make sure URLs start with http. For the time being, https is not supported.</p>
<p>If you want to add titles to the videos, add it before the link and separate with | (pipe), like this:</p>
<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>
<p>NOTE: If titles are added before videos, these will override titles fetched automatically from services.</p>
<h4>User Feeds</h4>
<p>To set up a gallery that subscribes to a user’s feed, use the following shortcode:<br />
    [youtubeuserfeed user=username service=youtube]</p>
<p>Note that both <code>user</code> and <code>service</code> are <strong>required</strong> for the feed to work. Service is either youtube or vimeo.</p>
<p>Optional attributes are maxitems=x where x is the number of items to fetch:</p>
<pre><code>[youtubeuserfeed user=username service=youtube maxitems=4]
</code></pre>
<h4>Overrides</h4>
<p>Overrides are a way of suppressing the default settings of the plugin, with attributes of your own.</p>
<p>Override columns with <code>cols=x</code>, where x is the number of thumbs per row:</p>
<pre><code>[youtubegallery cols=8]
</code></pre>
<p>Override thumbnail width with <code>thumbwidht=x</code>, where x is a pixel value:</p>
<pre><code>[youtubegallery thumbwidth=100]
</code></pre>
<p>Fetch titles from service with <code>autotitles=fetch</code> (or <code>autotitles=false</code> to not fetch):</p>
<pre><code>[youtubegallery autotitles=fetch]
</code></pre>
<p>And, of course, you can combine them:</p>
<pre><code>[youtubegallery cols=8 thumbwidth=100 autotitles=false]
</code></pre>
<p>These are also applicable for the <code>[youtubeuserfeed]</code> shortcode.</p>
<h4>Supported Video Services</h4>
<p>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.</p>
<p>Note that it is possible to combine videos from both services in galleries.</p>


YouTube SimpleGallery

Create beautiful galleries with videos from YouTube and Vimeo.

Md Abul Bashar

<p>Advanced Videos Feed for Elementor allows you to showcase video content from various platforms in your Elementor-powered WordPress website. Create engaging video galleries, feeds, and displays with ease.</p>
<p><a href="https://lonelytime.s3-tastewp.com/advance-video-feed-for-elementor/" rel="nofollow ugc">View Demo</a></p>
<h4>Current Features</h4>
<ul>
<li>Easy integration with Elementor</li>
<li>YouTube video platform support</li>
<li>Customizable video layouts</li>
<li>Responsive design</li>
<li>Video thumbnail display options</li>
<li>Grid and list layout options</li>
</ul>
<h4>Upcoming Features</h4>
<ul>
<li>Support for multiple video platforms (Vimeo and others)</li>
<li>Custom play button styles</li>
<li>Lazy loading support</li>
</ul>
<h4>Video Tutorials</h4>
<ul>
<li><a href="https://www.youtube.com/watch?v=EPeDTRNKAVo" rel="nofollow ugc">How to Get YouTube API Key</a></li>
<li><a href="https://www.youtube.com/watch?v=3mrKjzrIiq4" rel="nofollow ugc">How to Find Your YouTube Channel ID</a></li>
<li><a href="https://www.youtube.com/watch?v=Irz1mN_duAU" rel="nofollow ugc">How to Find YouTube Playlist ID</a></li>
</ul>
<h4>How to Use</h4>
<p><strong>Getting Started:</strong><br />
1. Get your YouTube API Key:<br />
   * Go to Google Cloud Console<br />
   * Create a new project or select existing<br />
   * Enable YouTube Data API v3<br />
   * Create credentials (API Key)<br />
   * Watch the <a href="https://www.youtube.com/watch?v=EPeDTRNKAVo" rel="nofollow ugc">tutorial video</a> for detailed steps</p>
<ol>
<li>
<p>Find your Channel ID:</p>
<ul>
<li>Go to your YouTube channel page</li>
<li>Right-click and select “View Page Source”</li>
<li>Search for “channelId”</li>
<li>Or watch the <a href="https://www.youtube.com/watch?v=3mrKjzrIiq4" rel="nofollow ugc">tutorial video</a> for guidance</li>
</ul>
</li>
<li>
<p>For Playlist Feed:</p>
<ul>
<li>Go to your YouTube playlist</li>
<li>Copy the ID from the URL (starts with “PL”)</li>
<li>Watch the <a href="https://www.youtube.com/watch?v=Irz1mN_duAU" rel="nofollow ugc">tutorial video</a> for help</li>
</ul>
</li>
</ol>
<h4>Available Fields and Settings</h4>
<p><strong>General Settings:</strong><br />
* Layout Type – Choose between grid or list layout<br />
* Columns – Set number of columns for grid layout<br />
* Items Per Page – Control how many videos to display<br />
* Title – Show/hide video title<br />
* Description – Show/hide video description<br />
* Thumbnail Size – Select video thumbnail quality</p>
<p><strong>Query Settings:</strong><br />
* Channel ID – Your YouTube channel ID<br />
* Playlist ID – YouTube playlist ID<br />
* Video Count – Number of videos to fetch<br />
* Cache Duration – How long to cache the feed</p>
<p><strong>Style Settings:</strong><br />
* Title Color – Customize title text color<br />
* Description Color – Set description text color<br />
* Background Color – Change item background<br />
* Padding & Margin – Adjust spacing<br />
* Border – Customize border style</p>
<h3>External Services</h3>
<p>This plugin uses the YouTube Data API v3 to fetch and display videos. Here’s what you need to know:</p>
<ul>
<li>Service Provider: Google’s YouTube Data API v3</li>
<li>Purpose: To fetch video data from YouTube channels and playlists</li>
<li>Data Transmission:
<ul>
<li>The plugin sends requests to YouTube’s API with your API key</li>
<li>For channel feeds: Requests include channel ID and maximum results count</li>
<li>For playlist feeds: Requests include playlist ID and maximum results count</li>
</ul>
</li>
<li>Privacy & Terms:
<ul>
<li>YouTube API Services Terms of Service: https://developers.google.com/youtube/terms/api-services-terms-of-service</li>
<li>Google Privacy Policy: https://policies.google.com/privacy</li>
</ul>
</li>
</ul>


Advanced Videos Feed for Elementor

Display beautiful video feeds from various sources using Elementor widgets.

YouTube SimpleGallery vs Advanced Videos Feed for Elementor