How to Integrate Plyr.io's Video Player with Default Controls

The tutorial for this project (to re-create it yourself) can be found here.

But! If you're just wanting to see how a replacement to HTML5 Video and YouTube/Vimeo embeds, clone away and mess around with this project here.

Are you ready to take your business to the next level?
We implement cutting-edge AI solutions designed to automate processes and fuel growth, all without straining your existing manpower resources.

Imagine the joy of seeing your business thrive as you attract top-tier clients and command your industry with our AI-powered solutions. Welcome to Ponder-AI, your partner in transforming the way you acquire clients.

Use AI to Become an Industry Authority
Establish yourself as an industry leader and stand out from the competition. With our strategic positioning and compelling thought leadership content, you'll showcase your expertise, attract high-quality clients, and position your brand as the go-to authority in your field.

Embrace AI Now or Risk Being Left Behind
We're in the midst of an AI revolution, and it's transforming the business landscape faster than ever before. Don't let your business be left in the dust while your competitors embrace the power of AI. With our help, you can seize the competitive edge you need to thrive in this new era.

With AI, we identify and publish content that attracts your idea clients, setting your business apart from the competition.

Gain a Deep Understanding of Your Target Market
In the battleground of today's business, you're either leveraging the game-changing power of AI or you're falling behind.  AI is the secret weapon that top businesses are using to supercharge their marketing strategies.

We use AI to deeply understand your target market, tailoring your campaigns to their needs, wants, preferences, and behaviors. Just think of us as your personal guide to your customers' minds. This intelligent understanding informs all aspects of your business and marketing strategy.

Blend AI with Proven Marketing Methods for Unprecedented Success
We blend AI with proven marketing techniques, creating a unique hybrid approach.

Our strategy leverages the effectiveness of traditional methods like email marketing, direct mail, and content marketing, while also utilizing AI's predictive power for targeted, personalized campaigns.

Our AI-driven systems automate outreach and send personalized follow-up emails based on specific triggers or actions, saving you time and increasing your reach.

Ready to Take Your Marketing to the Next Level?
Schedule a free consultation with us today. Let's discuss how we can transform your marketing strategy with AI, drive your business growth to new heights, and exceed your expectations - all without breaking the bank.

Plyr.io Integration for Video (Default Controls) This is the simplest method of simply just using plyr.io as a custom video player with Plyr's default controls.

Plyr.io Video Integration WITH HTML5'S VIDEO ELEMENT (Default Controls)

You can get away from HTML5's standard video element (<video>) by using Plyr as your media player.

Plyr.io Video Integration WITH A YOUTUBE VIDEO (Default Controls)

Plyr.io can also be used for YouTube videos.

IMPORTANT: You must define the size of either the HTML Embed or the PARENT of the HTML Embed in order to get the player to appear.

Also important (but less so, which is why this is small + grey): We are electing to not use Progressive Enhancement as detailed in the Plyr.io Docs. You're free to do that, but be sure to note the class change required, which will also need to be reflected in your JS Snippet.

Plyr.io Video Integration WITH A VIMEO VIDEO (Default Controls)

...and in lieu of Vimeo embeds!

IMPORTANT: You must define the size of either the HTML Embed or the PARENT of the HTML Embed in order to get the player to appear.
Show me Custom Controls