Birgir Erlendsson (birgire)

This plugin adds the shortcode [youlist] so you can easily embed YouTube™ playlist defined by
<ul>
<li>playlist id (PL in front of the playlist id)</li>
<li>comma seperated video ids list</li>
<li>user favorites </li>
<li>user uploads</li>
<li>search query</li>
</ul>
in a single YouTube™ player.
<a href="http://xlino.com/projects/youlist-youtube-playlist-shortcode-plugin/" rel="nofollow ugc">Live demo</a>
<h4>New in version 1.0.6</h4>
<ul>
<li>show random playlists with the new attribute ‘randompid’</li>
<li>added apply_filters for output, style, class and src</li>
<li>bug fix</li>
</ul>
<h4>New in version 1.0.5</h4>
<ul>
<li>enable nocookies</li>
<li>enable the https protocol</li>
<li>play videos in a specific quality (fx. hd720)</li>
<li>enable wmode to handle z-index issues.</li>
</ul>
<h4>Usage Examples</h4>
To embed a playlist with thumbnails 
 [youlist pid=”PL3FF15AA7ED356D9F”]
To embed three videos with thumbnails (comma seperated video id list): 
 [youlist vid=”ZF_K8D414-Y,sFHXWoawnt0,E2uOGOqIyC4″]
To embed three videos without thumbnails: 
 [youlist vid=”ZF_K8D414-Y,sFHXWoawnt0,E2uOGOqIyC4″ showinfo=”0″]
To embed a playlist from the search string “higgs boson” 
 [youlist search=”higgs boson” width=”600″ height=”400″]
To embed a random playlist 
 [youlist randompid=”PL3FF15AA7ED356D9F, PL9AEE7FF9E83DEA62, PL2B8DB1BD4364033F”]
To embed a playlist for all uploaded videos for the user “mismag822″ 
 [youlist uid=”mismag822″ listtype=”user_uploads”]
To embed a playlist for all favorite videos for the user “mismag822″ 
 [youlist uid=”mismag822″ listtype=”user_favorites”]
To embed a playlist width your own custom style 
 [youlist pid=”PL3FF15AA7ED356D9F” style=”width:300px;height:400px;z-index:1;”]
To embed a user playlist with all the supported attributes (default values shown): 
 [youlist 
 uid=”mismag822″ 
 randompid=”” 
 showinfo=”1″ 
 width=”680″ 
 height=”480″ 
 class=”youlist” 
 autohide=”2″ 
 autoplay=”0″ 
 disablekb=”0″ 
 listtype=”user_uploads” 
 theme=”dark” 
 modestbranding=”1″ 
 controls=”1″ 
 color=”red” 
 fs=”1″ 
 rel=”1″ 
 start=”0″ 
 loop=”0″ 
 iv_load_policy=”1″ 
 version=”3″ 
 style=”” 
 vq=”” 
 nocookie=”0″ 
 https=”0″ 
 wmode=”” 
 parameters=”” 
 ]
<h4>Ideas for how to use this plugin</h4>
<ol>
<li>You can use it to display ad-video before or after the main video</li>
<li>You can have your own short trailer before the main video</li>
<li>You can collect lessons/tutorials/music videos</li>
<li>You can use it for your YouTube™ playlist</li>
<li>You can watch your friends favourites videos</li>
<li>You can collect videos for your kid and watch it on your site</li>
<li>… etc …</li>
</ol>
<h4>Shortcode Parameters</h4>
The youList-shortcode is a wrapper for most of the YouTube™ iframe parameters described here:
https://developers.google.com/youtube/player_parameters
iframe parameters:
<ul>
<li>width [integer] – iframe width in pixels</li>
<li>height [integer] – iframe height in pixels</li>
<li>class [string] – iframe css classname</li>
<li>style [string] – iframe css custom style</li>
<li>parameters [string] – custom source parameters (&param1=value1&…)</li>
</ul>
youtube parameters:
<ul>
<li>pid [string] – YouTube playlist ID</li>
<li>uid [string] – YouTube user ID)</li>
<li>vid [string] – Comma seperated YouTube Videos ID list</li>
<li>randompid [string] – YouTube random playlist ID, from a comma seperated PID’s list</li>
<li>listtype [playlist|user_uploads|search] – YouTube listtype</li>
<li>search [string] – YouTube search string)</li>
<li>theme [dark|light] – Dark or light control bar</li>
<li>modestbranding [0|1] – Prevent the YouTube logo from displaying in the control bar</li>
<li>showinfo [0|1] – Display thumbnail images for the videos in the playlist</li>
<li>autohide [0|1|2] – Hide the video controls automatically after a video begins playing</li>
<li>autoplay [0|1] – The initial video will autoplay when the player loads</li>
<li>disablekb [0|1] – Disable the player keyboard controls</li>
<li>controls [0|1|2] – Display the video player controls</li>
<li>color [red|white] – The color in the video progress bar </li>
<li>fs [0|1] – Display the fullscreen button</li>
<li>rel [0|1] – Show related videos when playback of the initial video ends</li>
<li>start [integer] – Play the video at the given number of seconds from the start of the video</li>
<li>loop [0|1] – Play the entire playlist and then start again at the first video</li>
<li>iv_load_policy [1|3] – Show video annotations</li>
<li>version [2|3] – AS player version</li>
<li>https [0|1] – Enable the https protocol</li>
<li>nocookie [0|1] – No cookies thank you</li>
<li>vq [small|medium|large|hd720|hd1080] – Change video quality</li>
</ul>

YouList – YouTube playlist shortcode

A simple shortcode to embed playlists or handpicked videos in a single YouTube™ player.

Md. Sarwar Zaman

GS Plugins

GS YouTube Gallery is a magnificent WordPress plugin designed to showcase YouTube Channel or Playlist videos with style. It offers a clean and engaging gallery layout, supporting grid, slider, and popup views. The plugin is simple to use, allowing you to add videos anywhere on your site effortlessly.
With customizable settings for video count, sorting, and layout options, GS YouTube Gallery fits perfectly into any WordPress theme. It’s lightweight, developer-friendly, and ideal for creating a professional video gallery. Enhance user experience with flexible controls and easily display YouTube videos, driving better content engagement on your website.
🎬 <a href="https://youtubegallery.gsplugins.com/" rel="nofollow ugc">Live Demo</a> ⬆️ <a href="https://www.gsplugins.com/product/wordpress-youtube-video-gallery-plugin/" rel="nofollow ugc">Upgrade to PRO</a> 📚 <a href="https://docs.gsplugins.com/gs-youtube-gallery/" rel="nofollow ugc">Documentation</a> 🙋‍♂️ <a href="https://www.gsplugins.com/contact/" rel="nofollow ugc">Support</a>
<h3>Why Choose the GS YouTube Gallery for Your WordPress Site?</h3>
You might be thinking, “Can’t I just embed YouTube videos directly?” While true, directly embedding videos often lacks the polished look, organization, and advanced functionality that can truly enhance user experience.
The GS YouTube Gallery fills this gap by offering:
<ul>
<li>Professional Presentation: Move beyond simple embeds to create beautiful, responsive video galleries that complement your site’s design.</li>
<li>Enhanced User Engagement: With organized layouts and easy navigation, visitors are more likely to watch multiple videos, increasing time spent on your site.</li>
<li>Simplified Management: Easily add and manage videos from your YouTube channels or playlists without needing to touch a single line of code.</li>
<li>Performance Optimization: Designed to be lightweight and efficient, it helps ensure your video galleries load quickly without bogging down your site.</li>
<li>SEO Benefits: Well-structured content, including video galleries, can improve your site’s SEO, making it more discoverable.</li>
<li>Fast and Lightweight: It is lightweight and swift, ensuring quick load times even with multiple videos, enhancing performance and user experience.</li>
</ul>
<h3>What Makes the GS YouTube Gallery Stand Out?</h3>
The GS YouTube Gallery plugin doesn’t just replicate basic video embedding. It stands out by offering various unique features that make it the ideal choice for displaying YouTube videos on WordPress websites.
Here’s what sets it apart:
<ul>
<li>Automatic Thumbnails and Titles: Automatically fetches video thumbnails and titles from YouTube, saving you time and enhancing gallery appeal.</li>
<li>Flexible Shortcodes: Place galleries anywhere on your site with customizable shortcodes for pages, posts, and sidebars.</li>
<li>Custom CSS Support: Inject custom CSS to tailor gallery designs to your site’s branding for complete creative control.</li>
<li>Playlist and Channel Integration: Easily import and display entire playlists or YouTube channels, keeping content up-to-date.</li>
</ul>
<h3>Who is This Plugin Most Useful For?</h3>
The GS YouTube Gallery is incredibly versatile and beneficial for a wide range of WordPress users:
<ul>
<li>Content Creators & Vloggers: Showcase your latest videos, organize them by playlist, and attract more subscribers.</li>
<li>Businesses & Marketers: Feature product demos, customer testimonials, explainer videos, and marketing campaigns.</li>
<li>Educators & Trainers: Create organized libraries of instructional videos, tutorials, and course materials.</li>
<li>Artists & Musicians: Present music videos, performance footage, or behind-the-scenes content in a visually appealing way.</li>
<li>Podcasters & Interviewers: Display video versions of your podcasts or interviews.</li>
<li>Portfolio Websites: Designers, photographers, and filmmakers can use it to display video elements of their work.</li>
<li>Bloggers: Enhance blog posts with relevant video content to increase engagement and provide a richer experience for readers.</li>
<li>Event Organizers: Showcase highlight reels, speaker sessions, or promotional videos from past and upcoming events.</li>
</ul>
<h3>Core Features of the GS YouTube Gallery Plugin:</h3>
<ul>
<li>Responsive Design: Adapts to all screen sizes for a seamless experience.</li>
<li>Customizable Layouts: Choose from grid, slider, or masonry formats.</li>
<li>Automatic Video Thumbnails: Fetches thumbnails directly from YouTube.</li>
<li>Automatic Video Titles: Pulls video titles from YouTube for easy setup.</li>
<li>Shortcode Support: Add galleries anywhere using shortcodes.</li>
<li>Multiple Shortcodes: Display multiple galleries on different pages or sidebars.</li>
<li>Playlist Integration: Embed entire playlists in your gallery.</li>
<li>Channel Integration: Import videos from a specific YouTube channel.</li>
<li>Custom CSS: Customize the gallery with your CSS.</li>
<li>Video Sorting: Sort videos by date, views, or custom order.</li>
<li>Video Pagination: Break galleries into paginated pages.</li>
<li>SEO-Friendly: Generates schema.org markup for better SEO.</li>
<li>Lightweight and Fast: Optimized for quick page loading.</li>
<li>Video Descriptions: Show descriptions alongside thumbnails.</li>
<li>Video Category Filters: Filter videos by category.</li>
<li>Customizable Thumbnails: Control thumbnail size.</li>
<li>YouTube API Integration: Fetch live video data from YouTube’s API.</li>
<li>Infinite Scroll: Infinite Scroll is for continuous video browsing.</li>
<li>Hover Effects: Add interactive hover effects to thumbnails.</li>
<li>RTL Support: Supports right-to-left languages.</li>
<li>Mobile-Optimized: Mobile-friendly for smaller screens.</li>
<li>Multiple Gallery Styles: Display galleries in grid, slider, or list.</li>
<li>Customizable Popups: Choose popup styles for full-screen videos.</li>
<li>Video Preview: Preview videos before adding them.</li>
<li>Support for Multiple Galleries: Manage several galleries on your site.</li>
<li>Embed YouTube Videos: Display individual videos within galleries.</li>
<li>Video Lightbox: View videos in a lightbox for better visibility.</li>
<li>Customizable Color Scheme: Adjust gallery colors to fit your site design.</li>
</ul>
<h3>Preference</h3>
Global Settings for GS YouTube Gallery Plugin
<ul>
<li>API Key: Enter your YouTube API key to enable the plugin to fetch video data.</li>
<li>Channel ID (Global): Enter the Channel ID to automatically display videos from that channel.</li>
<li>Playlist ID (Global): Enter the Playlist ID to pull videos from a specific playlist.</li>
<li>Custom CSS: Add any custom CSS that you’d like to apply to the gallery layout. This could be used to adjust the video thumbnails, buttons, or overall gallery design.</li>
</ul>
<h3>General Settings</h3>
Go to GS YouTube Gallery → Shortcode to create or edit a shortcode. The General Settings allow you to configure the shortcode name, video source, theme, view type, video count, order, and sorting criteria for your YouTube gallery.
<ul>
<li>Shortcode Name: Provide a unique name for the shortcode to identify it</li>
<li>Source: Select the source of videos
<ul>
<li>Chanel IDs (Global or Shortcode)</li>
<li>Playlist IDs (Global or Shortcode)</li>
<li>Video IDs</li>
</ul>
</li>
<li>Theme: Choose from 10 unique theme styles </li>
<li>View Type: Select the view style for displaying videos (Grid & Slider).</li>
<li>Count: Set the number of videos to display in the gallery.</li>
<li>Order: Define the order of the videos (Ascending or Descending).</li>
<li>Order By: Choose the criterion by which videos should be ordered (Date, ID & Random)</li>
</ul>
<h3>Style Settings</h3>
Go to GS YouTube Gallery → Shortcode to create or edit a shortcode. The Style Settings allow you to configure the appearance of your YouTube gallery.
<ul>
<li>Items Per Row: Set the number of items (videos) to display per row in the gallery
<ul>
<li>Responsiveness: Configure for Desktop, Tablet, Large Mobile, and Mobile </li>
</ul>
</li>
<li>Font Size: Adjust the text size for titles, descriptions, etc.</li>
<li>Font Weight: Choose from Normal, Bold, or Lighter options.</li>
<li>Font Style: Select between Regular or Italic styles.</li>
<li>Font Color: Set the color of the text to match your site’s design.</li>
</ul>
<h3>Visibility Settings</h3>
The Visibility Settings in the plugin allow you to control which video fields are visible across different devices.
<ul>
<li>Video Fields: This section allows you to select which fields you want to display for each video in your gallery.</li>
</ul>
The checkboxes under different icons control the visibility of the Thumbnail field on Desktop, Tablet, Large Mobile, and Mobile screens.
<h3>GS YouTube Gallery’s shortcode usage</h3>
Basic Usage – 
Choose a theme, view type, and other parameters to customize your display. The shortcode will be generated with an ID, like –
<pre><code>[gs_ytgal id=1]
</code></pre>
Shortcode PHP Usage
<pre><code><?php echo do_shortcode( '[gs_ytgal id=1]' ); ?>
</code></pre>
<h3>Confused?</h3>
🎬 <a href="https://youtubegallery.gsplugins.com/" rel="nofollow ugc">View live Demos »</a> 
📚 <a href="https://docs.gsplugins.com/gs-youtube-gallery/" rel="nofollow ugc">Documentation »</a>
<h3>Development Source</h3>
The <a href="https://gitlab.com/gs-plugins-team/gs-youtube-gallery" rel="nofollow ugc">uncompiled source code</a> is available here.
<h3>External Services</h3>
GS Youtube Gallery plugin connects to external services to provide video data, modal display functionality, and plugin information.
Google YouTube Data API
It sends the YouTube Video ID and administrator-configured API key to the Google YouTube Data API whenever a video is displayed or refreshed to retrieve video details (title, thumbnail, statistics).
<a href="https://www.googleapis.com/youtube/v3/" rel="nofollow ugc">Data API Service</a>, <a href="https://developers.google.com/youtube/terms/api-services-terms-of-service" rel="nofollow ugc">Terms</a>, <a href="https://policies.google.com/privacy" rel="nofollow ugc">Privacy Policy</a>
YouTube Embed (via Magnific Popup)
This plugin uses the Magnific Popup library to display videos in a modal window and loads YouTube content through embedded iframes when a video is opened. Standard browser requests are made to YouTube when the iframe loads.
<a href="https://dimsemenov.com/plugins/magnific-popup/" rel="nofollow ugc">Magnific Popup</a>, <a href="https://github.com/dimsemenov/Magnific-Popup/blob/master/LICENSE" rel="nofollow ugc">License</a>
GS Plugins API
The plugin <a href="https://gsplugins.com/gs_plugins_list/products.json" rel="nofollow ugc">retrieves plugin metadata</a> from a static JSON file hosted on GS Plugins when the admin page loads. No personal user data is transmitted.
<a href="https://www.gsplugins.com/privacy-policy/" rel="nofollow ugc">Privacy Policy</a>, <a href="https://www.gsplugins.com/terms-and-conditions/" rel="nofollow ugc">Terms of Use</a>
<h3>🔥 You may like other plugins from <a href="https://www.gsplugins.com/" rel="nofollow ugc">GS Plugins</a></h3>
<a href="https://wordpress.org/plugins/gs-testimonial" rel="ugc">Testimonial Slider</a> – Testimonials slider displays rotating customer endorsements and recommendations, helping to build trust and credibility for a business or product.
<a href="https://wordpress.org/plugins/gs-logo-slider" rel="ugc">Logo Slider</a> – Logo slider displays rotating logos of partners, clients, or sponsors, showcasing a business’s relationships and endorsements.
<a href="https://wordpress.org/plugins/gs-portfolio/" rel="ugc">Portfolio</a> – Filterable Portfolio plugin for WordPress allows you to easily display and showcase your projects, highlighting your skills and abilities.
<a href="https://wordpress.org/plugins/gs-team-members" rel="ugc">Team Members</a> – Build a Stunning Team Page or Section and Show off Your Team’s Talents!
<a href="https://wordpress.org/plugins/gs-projects" rel="ugc">Projects</a> – Projects showcase displays detailed information including client reviews, ratings, galleries, and videos for a business’s work.
<a href="https://wordpress.org/plugins/gs-books-showcase" rel="ugc">Books Showcase</a> – Books showcase displays detailed information including author, published date, reviews, ratings, and gallery, allowing users to easily find and explore books.
<a href="https://wordpress.org/plugins/gs-coach" rel="ugc">Coaches</a> – Coaches plugin displays coaches’ experience, skills, reviews, ratings, and certifications, helping users find the right coach for their needs.
<a href="https://wordpress.org/plugins/posts-grid" rel="ugc">Posts Grid</a> – WordPress Posts Grid plugin displays the latest posts in an elegant grid format, allowing for easy navigation and quick access to new content on a website.
<a href="https://wordpress.org/plugins/posts-widget" rel="ugc">Posts Widget</a> – WordPress Posts Widget plugin displays the latest posts in an elegant format on the sidebar or any widget area, allowing for easy navigation and quick access to new content on a website.
<h3>🎯 WooCommerce Plugins</h3>
<a href="https://wordpress.org/plugins/gs-woocommerce-products-slider" rel="ugc">WooCommerce Products Slider</a> – WooCommerce Product Slider plugin displays products in a visually pleasing, sliding manner, making it easy for customers to browse and find the products they want on an online store.
<a href="https://wordpress.org/plugins/gs-woo-variation-swatches" rel="ugc">WooCommerce Variation Swatches</a> – WooCommerce Variation Swatches plugin replaces the default dropdown fields for variable products with visually appealing swatches, making it easier for customers to select product options and improve the overall shopping experience.
<a href="https://wordpress.org/plugins/gs-woo-brands" rel="ugc">WooCommerce Brands</a> – WooCommerce Brands taxonomy plugin allows for easy cataloging of products by adding a brand taxonomy, making it simple to organize and filter products on an online store.
<h3>📣 Social Plugins</h3>
<a href="https://wordpress.org/plugins/gs-dribbble-portfolio" rel="ugc">Dribbble Portfolio</a> – Dribbble Portfolio WP plugin enables you to display your Dribbble shots on your website in a portfolio layout, allowing you to showcase your design work to a wider audience.
<a href="https://wordpress.org/plugins/gs-behance-portfolio" rel="ugc">Behance Portfolio</a> – Behance Portfolio WordPress plugin allows you to display your Behance projects on your website in a visually appealing layout, making it easy for your audience to view and appreciate your work.
<a href="https://wordpress.org/plugins/gs-pinterest-portfolio" rel="ugc">Pinterest Portfolio</a> – Pinterest plugin for WordPress allows you to display your Pinterest pins on your website, giving your audience a chance to view and interact with your boards, and potentially drive more traffic to your Pinterest profile.
<a href="https://wordpress.org/plugins/gs-envato-portfolio" rel="ugc">Portfolio – Envato</a> – Envato Portfolio Plugin allows you to display your Themeforest and Codecanyon items on your website, showcasing your digital products and making them easily accessible for potential customers.
<h3>🏆 Branding Plugin</h3>
<a href="https://wordpress.org/plugins/gs-custom-login" rel="ugc">Custom Login</a> – GS Custom Login allows you to customize the WordPress login screen, providing an easy way to create a unique and visually appealing login experience for your website users.
<a href="https://wordpress.org/plugins/powerup" rel="ugc">PowerUp</a> – Enhance Your WordPress Experience with the Ultimate Security & Convenience Solution – Hide Admin Bar, Login & Logout Redirection, Disable Comments & Restrict WP-Admin Module.

GS YouTube Gallery – Video Feed, Channel Playlist & YouTube Slider

Create a Stunning & Responsive Video Gallery for Channel or Playlist Videos.

YouList – YouTube playlist shortcode vs GS YouTube Gallery – Video Feed, Channel Playlist & YouTube Slider