Player.style

Player themes for every web player and framework

254 followers

Player themes for every web player and framework

254 followers

Video and audio player themes that work for any web player (Video.js, Youtube embeds, and more), and with every web app framework (HTML, React, and more). Open source and built with Media Chrome so they’re fully customizable using just HTML and CSS.

Free

Launch tags:Design Tools•Developer Tools•Web Design

Launch Team

Render Sandboxes: a computer for every agentGive every agent its own machine. Starts in under a second

Promoted

Player.style

Maker

📌

Hey Product Hunters! 👋 First, big thanks to this great community and @mwseibel for hunting this! Back in 2010 I built Video.js, and at the time I put a lot of thought into how other developers would customize the player controls. I was excited to use web technologies (instead of Flash) to build a player and I *knew* other web devs would be too. Fast forward 14 years — Video.js has been used on millions of websites including Twitter, Instagram, Amazon, Dropbox, Linkedin and even in United Airlines headrests. In 99.99% of those cases the default Video.js controls were used with little to no customization. So…huge adoption success, utter failure in sparking creativity. In retrospect, asking people to learn a new UI framework just to style their player was too much. Media Chrome and Player.style are my answer to that friction. * Media Chrome - A suite of Web Components and React Components that let you easily build a media player UI from scratch, using components you’re already familiar with. * Player.style - Themes built with Media Chrome, showing the cross-player and cross-framework flexibility of the Media Chrome components Media Chrome is already used on sites like TED.com, Syntax.fm and anywhere the Mux Player is used. We’ve spent the last few months building some really great themes for Player.style, and we don’t plan on stopping. Thank you to Matt, Wes, Staci, Dar, Rob, Christian, Adam and Dave for helping me finally get Player.style off the ground. And thanks to our company, Mux, for supporting the effort! It’s free and open source, so don’t hesitate to jump in if you’re interested in the project.

Report

2yr ago

Picture Picker—Collect,Create,Edit Image

@mwseibel @heff Congratulations on the release of Player.style! These tools offer a remarkable solution for customizable video and audio player themes across various web platforms.

Report

2yr ago

Sava OS

This is awesome @heff! Love the video & the design.. very well implemented. Thank you for making it open-source :) I actually used video.js for some sites before, it's nice to see you're still putting great stuff out in the wild! Congrats 🙌

Report

2yr ago

Dub.co

This is incredible 🤯 have been looking for a solution like this since forever, glad y'all finally built this!

Report

2yr ago

Player.style

Maker

Thanks @steventey! I look forward to seeing how you use it!

Report

2yr ago

Fantastic work on Player.style @heff, The customization options for video and audio players across various web frameworks are truly impressive. How do you manage compatibility across different platforms? Also, any plans to include more interactive elements in future updates? This tool seems like a must-have for developers looking to enhance media experiences on their sites. Great job!

Report

2yr ago

Player.style

Maker

@xtralite thank you! The compatibility across platforms can mostly be attributed to using Web Components. They've allowed us to extend HTML, which all frameworks inherently speak. For React we had to do a little more heavy lifting to create wrappers that translate properties down correctly, but in React 18 that will be needed less. What kind of interactive elements are you interested in?

Report

2yr ago

Player.style

Maker

I'm super proud of all the work we've done on Media Chrome and creating amazing building blocks for building custom players, but the barrier to actually making a custom, beautiful player was still pretty high. We've had the legos for a while now, but here's a set of pre-built kits that look great out of the box while still being easy to remix to your heart's content. To put it in meme, these are the "rest of the owl." Can't wait to see these in the wild!

Report

2yr ago