Modern HTML5 Responsive Youtube Playlist Player icon

Modern HTML5 Responsive Youtube Playlist Player

CloneGo to Website
Hot or Not
Modern HTML5 Responsive Youtube Playlist Player

Description

This is a responsive video player to play YouTube playlists. You can enter a YouTube playlist id, channel id or an array of video ids as playlist source. The player is fully responsive and will resize intelligently, it also runs smoothly on mobile devices. The player has a custom designed interface, instead of YouTube’s default interface. You can customise its appearance, and lots of other options and settings.

Features

  • Enter a Youtube Playlist, Channel, or array of Video ID’s.
  • Newest YouTube API V3
  • Native Fullscreen Support for Major Browsers
  • Fully Responsive
  • Works on Mobile Devices
  • Display playlist on the right, or on the bottom
  • Custom Player Controls
  • Automatically show/hide playlist
  • Continuous Play & Autoplay
  • Social Sharing Buttons (Facebook, Twitter Google+)
  • Many Options More, like: max results, first video, annotations, fullscreen, volume, extra player vars, etc

The player uses the latest API (V3) from YouTube. Previous API versions will be deprecated soon, so this is future proof. There is also native fullscreen support for Chrome, Safari and FireFox, using HTML5 requestFullscreen. IE10+ uses YouTube’s own fullscreen method were the controls are hidden. You can customise all of the colors to match your site’s design. The buttons in the control bar can be turned on/off individually, these are: play button, time indicator (3 different settings), volume slider & button, share button, forward and backward buttons, youtube link button, fullscreen button, playlist toggle button.

Changelog

1.11.0 (April 29, 2019)
* Updated JS to skip deleted videos

1.10.0 (May 2018)
* Added option to prompt users to accept cookies before loading the YouTube video for the GDPR law.

1.9.0 (April 21 2017)
* Added option to show/hide related videos while paused and stopped.
* Small bugfixes

1.7.0 (November 23 2015)
* Fixed bug where scrolling the time slider wouldn't work on iOS

1.6.0 (September 8 2015)
* Added method to set an ID as first_video instead of the video index.
* Added option to shuffle the playlist.
* Updated manual on registering your own API key.
* Fixed bug where user's theme could overwrite the font-family for the icons.
* Fixed bug where the video title would go over the user's navigation bar.

1.5.0 (June 23 2015)
* Updated YouTube logo so it's not hidden behind the controls bar which can violate YouTube's terms.

1.4.1 (May 15 2015)
* Fixed bug where multiple private video's in a row would cause errors.

1.4.0 (Apr 15 2015)
* Updated Font Awesome library and added custom prefix to fix compatibility issues.

1.3.0 (Feb 23 2015)
* Added new horizontal layout of player.

1.2.0 (Nov 27 2014)
* Added feature to show hi-res image when the video is stopped.
* Fixed bug where spinning wheel would spin infinitely.
* Fixed bug which caused the playlist to show below the player.
* Improved efficiency of JS.

1.1.0 (Oct 6 2014)
* Added support for pagination.
* Added Force HD option.
* Added Hide Youtube Logo option.
* Improved method of displaying errors.

1.0.2 (Aug 31 2014)
* Fixed bug where videos in the playlist would not scale to 100% height.
* Fixed bug where asynchronous loading of the youtube player would not always work.

1.0.1 (Aug 22 2014)
* Fixed box-sizing issue
* Fixed bug where you couldn't share video's before you hit play
* Fixed bug where deleted videos in a playlist would cause errors

1.0.0 (Aug 20 2014)
* First version

Categories

codecanyonMedia

Tags

channelflatgalleryhtml5jquerymodernplayerplaylistresponsivevideovideo playeryoutubeyoutube playlist

External listing. code.market does not sell this product and does not process payment for it. Pricing, payment, delivery, licensing, refunds, and support are handled by the third-party merchant on its own website. We may earn an affiliate commission from a referral. Details.

Products of the Week.

Submit
codester.com

codester.com

SocialDesk+: Omnichannel Social Commerce & Business Management Platform This is stronger than simply “Social Commerce and Messaging” because it tells buyers this is a complete business platform, not just a messaging script. Turn Social Conversations Into Sales SocialDesk+ is a complete omnichannel social commerce and business management platform built for businesses that sell and communicate with customers through social media. Instead of switching between WhatsApp, Facebook, Instagram and TikTok, businesses can manage customer conversations, comments, products, leads, follow-ups, automation, teams and business reports from one professional workspace. And because the full source code is included, developers, agencies and entrepreneurs can customize, rebrand and launch SocialDesk+ as their own business solution or SaaS platform. 🚀 Build Your Own Social Commerce Business SocialDesk+ gives you the foundation to launch: - Your own SaaS platform - A white-label social CRM - A social-commerce management system - A customer communication platform - A business messaging solution - A custom solution for clients - A multi-business subscription platform 💬 Connect Your Customers Supported social channels include: WhatsApp • Facebook • Instagram • TikTok Bring supported conversations into one centralized workspace and help businesses respond faster without constantly switching between platforms. 🛍️ More Than a Messaging Platform SocialDesk+ combines communication with the tools businesses need to manage customer opportunities: Inbox Manage customer conversations from connected channels. Comments Monitor and respond to social-media comments. Customers & Leads Organize customer information and potential buyers. Products & Catalog Manage products and give your team quick access to product information. Follow-Ups Make sure potential customers don't get forgotten. Automation Automate repetitive customer questions and responses. AI Assistant Provide AI-assisted communication when configured. Team Management Give managers and staff access to the business workspace. Reports & Analytics Track activity using business reports and analytics. The current product listing already includes these capabilities. 🔥 Why Buyers Will Want It Launch Faster Start with an already-built business platform instead of developing the entire system from zero. Customize Everything The full source code is included, allowing developers to change branding, features, workflows and integrations. Build a SaaS Create multiple business workspaces and offer SocialDesk+ as a subscription-based service. Sell to Businesses Offer it to retailers, restaurants, service businesses, online sellers, agencies and other businesses that communicate with customers through social media. Mobile + Web + Backend This isn't just a mobile UI template. It includes: - Flutter mobile application - Python / FastAPI backend - Web interface - Administration tools - Database infrastructure - API-based architecture - SQLite / PostgreSQL support - Android and iOS project structure 💼 One Platform. Multiple Business Opportunities. For SaaS Entrepreneurs Launch your own subscription platform and allow multiple businesses to operate inside separate workspaces. For Software Agencies Customize and rebrand the platform for clients instead of building an omnichannel business system from scratch. For Developers Use the complete source code as a foundation for your own social-commerce or customer-management product. For Businesses Deploy a dedicated version for your own customer-service and social-commerce operations. 🧩 What's Included Mobile - Flutter / Dart - Android - iOS project Backend - Python - FastAPI - SQLAlchemy - Alembic Database - SQLite - PostgreSQL Web - HTML5 - CSS3 - JavaScript Deployment - Docker - Docker Compose - Production configuration Business Platform - Multi-workspace architecture - Authentication - Teams - Customers - Products - Messaging - Comments - Automation - Reports - Subscriptions - Administration The current listing also documents third-party integrations such as Meta, TikTok, Stripe, Firebase, SMTP and optional OpenAI configuration. ⚡ What Makes SocialDesk+ Different? You're not buying a simple: ❌ Chat UI ❌ WhatsApp clone ❌ Flutter template ❌ Admin dashboard ❌ Basic CRM You're getting a complete business platform foundation that can be customized, branded and commercialized. Connect. Automate. Manage. Grow. SocialDesk+ Omnichannel Social Commerce & Business Management Platform One important change I'd make to the current listing The current page starts with: “A simple guide to managing your social conversations, customers, products and business activity.”

Other · 5,886 views · 32 clicks

$2

Go to Website
Modern HTML5 Responsive Youtube Playlist Player | Code Market