Presto Player vs Youtube Playlist Thumbs

Turn ordinary videos into a polished, branded viewing experience. Build customizable video experiences for your WordPress website Presto Player is a WordPress video player that helps you add fast, on-brand video to your site — built natively for the Block Editor and every major page builder. Use it for course lessons, landing pages, marketing videos, and customer testimonials — anywhere you want clean, on-brand playback you control. Presto Player is built for: Marketers Online course creators Coaches / trainers Bloggers eCommerce store owners Niche sites Businesses Local businesses Startups Personal brands Real estate agents Artists & photographers Any website with video Presto Player is built on WordPress, an open platform you fully control. Features Built specifically for the Block Editor. Works with all page builders Custom Elementor & Beaver Builder modules. Multiple video presets. HTML5, YouTube and Vimeo video support. LMS Learner controls. LearnDash Video Progression Multilingual Captions. Player branding. Custom poster images. Lazy load HTML5 and YouTube video for better performance. Kadence Theme Integration RankMath Integration AutomatorWP Integration Global video hub. Pro Features Secure, self-hosted private video for logged-in users. Public and private video via Bunny.net. HLS Adaptive Streaming. Video analytics. Google analytics integration. Muted autoplay preview Video chapters. Custom video presets. Bunny.net integration. Why Presto Player? Free to start — Presto Player is free, so you can add video to your site without a monthly subscription. Open and WordPress-native — Presto Player is built on top of WordPress, so your player settings, content, and data live in your own site. You own your data — Your videos and viewer data stay on your domain and under your control. Join the Presto Player community Join our Facebook group to learn how other Presto Player users grow their businesses and to get early news on upcoming features. Terms And Conditions | Privacy Policy External services Presto Player can connect to the third-party services below. Each connection, the data that is sent, and when it happens are described here. YouTube and Vimeo (only when you embed their videos): Embedding a YouTube or Vimeo video loads that video from the service in the visitor’s browser, which sends the visitor’s IP address and playback interactions to that service. This only happens for videos you choose to embed. YouTube: Terms of Service and Privacy Policy Vimeo: Terms of Service and Privacy Policy Usage tracking (opt-in, disabled by default): If you explicitly opt in, the plugin periodically sends non-sensitive environment data — such as PHP and WordPress versions, active plugins and theme, site locale, and which plugin features are used — to Brainstorm Force to help improve the product. It is off until you give consent, and you can opt out at any time. Usage tracking details and Privacy Policy Feedback survey (optional): The plugin may show an in-dashboard NPS feedback survey. If you choose to submit it, your rating and optional comment are sent to Brainstorm Force. Privacy Policy License activation (Presto Player Pro only): If you use Presto Player Pro, activating or validating your license contacts the Presto Player account server to verify the license key for your site URL. Terms of Service and Privacy Policy

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