Feeds for YouTube (YouTube video, channel, and gallery plugin) vs Youtube Playlist Thumbs

Display customizable YouTube channel feeds on your website. Feed YouTube channel content automatically to your website in a powerful and customizable gallery. YouTube Feed Features Completely Customizable YouTube feeds – by default inherits your theme’s styles Completely responsive and mobile optimized – your feeds look great on any screen size Light and low overhead – minimal bloat and optimized requests to YouTube Multiple layouts – display videos from any YouTube channel in a list, gallery, or grid layout Multiple feeds from different YouTube channels on multiple pages or widgets Lightning fast – post caching and minimized YouTube API requests means that your feed loads lightning fast Infinitely load more of your videos with the ‘Load More’ button Built-in easy to use YouTube Feed Widget Fully internationalized and translatable into any language Includes a header at the top of your feed Enter your own custom CSS or JavaScript for even deeper customization For simple step-by-step directions on how to set up the Feeds for YouTube plugin please refer to our setup guide. Benefits Increase social engagement between you and your subscribers Save time by using the plugin to generate dynamic, search engine crawlable content on your website Get more subscribers by displaying your videos directly on your site Display your channel content your way to perfectly match your website’s style The plugin is updated regularly with new features, bug-fixes and API changes Support is quick, effective, and always happy to help We’re dedicated to providing the most customizable, robust and well supported YouTube gallery plugin in the world! Performance Optimized While other YouTube plugins load a low-performing iframe when your page loads to show YouTube videos, Feeds for YouTube uses the YouTube API to retrieve and display your videos. This means your YouTube videos are loaded lightning fast and won’t slow down your visitor’s experience with your website. But we don’t stop there. Our YouTube plugin also waits until a site visitor interacts with your YouTube feed before adding the video player to the page. This results in visitors loving your site and encouraging them to stick around longer. Feedback or Support Customer support is a huge deal to us. We pride ourselves on always providing quick, effective, and courteous support to all of our users. If you’re having an issue with our plugin then just let us know and we’ll be there to help as soon as possible. You can either open a ticket on the support forum on WordPress.org, or directly on our website. If you like the plugin then please consider leaving a review, as it really helps to support the plugin. If you have an issue then please allow us to help you fix it before leaving a review. Just let us know what the problem is and we’ll get back to you right away. Pro Version For even more feed types and display options, consider upgrading to our Pro version which includes some awesome additional features to help you display your content in even more powerful ways: Integrate the YouTube Live API to show live streaming videos on your site. Display a YouTube gallery in a carousel slider Allow filtering of videos using keywords in the description or title Fully functional search endpoint for display videos from a search result Combine multiple feeds into one Customizable actions when video completes like displaying a link to a product page for example, or displaying thumbnails of your other videos. Download video data into a custom post type to allow visitors to browse and view videos on your website. How to use the “Feeds for YouTube” plugin One of our main priorities has always been to make our plugins as easy as possible to setup and use. Once you’ve installed the “Feeds for YouTube” plugin there are only a few steps to get up and running: 1) Follow the simple steps after clicking “Add New”. 2) Once you’ve connected an account or added an API key, build your feed with our customizer 3) Then simply copy and paste the [youtube-feed feed=1] shortcode onto any page, post, or widget where you want your feed to be displayed. That’s it! You can return to the settings page to edit any feed. For full step-by-step setup directions with screenshots, see here. Who’s behind this plugin? We’re Smash Balloon; a fun-loving WordPress plugin development company birthed into existence in early 2013. We specialize in creating social media plugins (for Facebook, Instagram, Twitter, and YouTube) that are not only intuitive and simple to use, but also designed to integrate seamlessly into your website and allow you to display your social media content in powerful and unique ways. Over 1 million awesome people have decided to actively use our free plugins, which is an incredible honor that we don’t take lightly. This compels us to try to provide the quickest and most effective customer support that we can, blowing users away with the best customer service they’ve ever experienced. To find out more about the team, see here.

Demo Install and activate the plugin. Insert the [ypt playlist_id=] shortcode in your page or post and insert your playlist ID after the equal. When that content is published and viewed, a Youtube player will appear and a column of thumbnails will load to the right of the player. Clicking the thumbnails switches between videos. This plugin includes a small CSS file for minimal styling that was written to target the specific IDs of the thumb list and player. Youtube Playlist Thumbs plugin depends on the Youtube Iframe API. Any bugs experienced with that service will affect this plugin. Please check for bugs with Youtube Iframe API before reporting a bug for this plugin. See “Other Notes” for usage. Usage Place this shortcode in your posts or pages and insert your Youtube Playlist ID after the equal. [ypt playlist_id=] To get a Youtube Playlist ID, copy the string after ‘&list=’ when viewing a playlist on Youtube.com. See screenshot #3. To trigger the playback of an ordered video in the playlist, add this attribute to the clickable element: data-ypt-index="X" Where ‘X’ is the order number of the video with the first video starting at 0. The third video would be 2. For example: Click to play the third video. The ‘Now Playing’ thumbnail text and arrow is inserted by CSS. Add this rule to your CSS to change it: #ypt_thumbs .ypt-now-playing > span::after { content: "YOUR NEW TEXT" !important; } The height of the list of thumbnails is set by Javascript. It is first set when the player is ready and it adjusts when the window changes size. If you are using modals or any dynamic method to show/hide the player, you will need to trigger this function when the player is shown: yptThumbHeight(); For example, with Bootstrap modals: $('#videoModal').on('shown.bs.modal', function (e) { //modal shows yptThumbHeight(); //update the thumb height }); A Javascript event triggers at the end of a playlist. It can used to trigger other events: jQuery(document).on('playlistEnd', function () { //playlist finished last video alert("That's all, thanks for watching!"); //do something });