All-in-One Video Gallery vs Youtube Playlist Thumbs

★★★★★ Trusted by 20,000+ WordPress sites View Demo | Getting Started | Contact & Support | Home Page All-in-One Video Gallery is a video posts plugin that lets you add videos as posts and build scalable, searchable, SEO-optimized video galleries in minutes — no coding required. Whether you need a single embedded video player or a full video-sharing website like YouTube or Vimeo, this plugin covers it. Suitable for course creators, video bloggers, podcasters, businesses, and anyone embedding video on WordPress. PLAYER FEATURES A Custom HTML5 Video Player that supports MP4, WebM, OGV, HLS, MPEG-DASH, and embeddable players like YouTube, Vimeo, Dailymotion, Rumble, Facebook, Bunny Stream and more. Player Controls: play/pause buttons, timer, progress bar, duration, speed control, quality switcher, volume button, picture-in-picture button, fullscreen button, share buttons, embed button, download button, subtitles on/off, keyboard hotkeys Playback Options: autoplay, loop, muted, preload, playsinline Subtitles & Captions (WebVTT). Chapter Markers. GDPR compatibility. [+] support embed code from any third-party video sharing websites. GALLERY FEATURES Back-End An user-friendly interface to upload and manage your videos. Create unlimited categories/subcategories and tags. Ability to group videos by categories and tags. Create a featured videos group. Bulk import videos from a CSV file or folder; export all your videos in one click. Restrict video access globally or per video — allow all visitors, logged-in users only, logged-out users only, or specific user roles. 100+ settings (STILL COUNTING) that help you customize the plugin to the maximum you will need. Front-End Modern, Responsive design. Categories display options: Grid, List Sort categories by “ID”, “videos count”, “category name”, “slug” & “menu order (custom ordering)”. Videos display options: Grid. More template options are available with our premium version. Filter videos by “categories”, “tags” and “featured” meta key. Sort videos by “video posted date”, “title”, “views count”, “likes count”, “dislikes count”, “random” & “menu order (custom ordering)”. Ability to control the display of each HTML element in the gallery. Filter videos on the same page using AJAX — search by keyword, category, or tag and sort by title, date, or popularity without a page reload. Numeric Pagination for the large galleries. Likes / Dislikes. Social Sharing (Facebook, Twitter, Linkedin, Pinterest, Tumblr & WhatsApp). Comments System. Dedicated search form & layout. Shortcode Builder to build the gallery shortcodes. Gutenberg Blocks to build the gallery if your website uses the modern WordPress editor. Widgets to list categories, list videos, display a single video player, and search videos. DEVELOPER OPTIONS The videos (aiovg_videos) belong to a WordPress Custom Post Type. Similarly, the categories (aiovg_categories) and tags (aiovg_tags) belong to the WordPress Custom Taxonomy. The plugin doesn’t use any custom tables and the settings are stored in the WP_Options table using the WordPress SETTINGS API. In short, the plugin has been developed completely using the WordPress CORE features. So, if you’re a WordPress developer, you can customize/extend the plugin as you like using the WordPress hooks system easily. Similarly, the front-end gallery layouts added by our plugin can be customized by developing or overriding our existing templates. Please check for a detailed documentation on this. [+] PREMIUM FEATURES Gallery Templates: Popup, Inline, Slider, Playlist, Compact (Modern) Auto import videos from YouTube & Vimeo websites. Video SEO: Schema.org Markup (via JSON-LD) Auto Thumbnail Generator Custom Logo & Branding Custom Context Menu Front-end User Submission User Playlists / Favorites VAST / VPAID Ads TRANSLATION READY Do you speak another language? Want to contribute in a meaningful way to All-in-One Video Gallery? There’s no better way than to help us translate the plugin. This plugin is translation ready and you can translate to your language easily. Once finished, please reach out to us here to get your language file included in the core. Spanish translation partner – Blarlo LATEST ADDITION Trailers & Teasers! Display a trailer clip to non-access users instead of the locked screen — great for driving upgrades or sign-ups. Email & Lead Capture! Show an email collection form over your video to capture leads before, during, or after playback. SUPPORT AND DOCUMENTATION We do have documentation on the plugin. Still, Having Issues? We are just an email away. Please write to us describing your issue using the “Contact” form available under our plugin’s menu. You should receive a reply within 24 hours (except Sunday). Also, we answer all support requests on the WordPress.org support forum.

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 });