Pretty YouTube Embeds with PrettyEmbed.js

Prettier YouTube Embeds

PrettyEmbed.js is a jQuery plugin for making your YouTube embeds look much better. It’s on GitHub, and a demo can be seen here on CodePen.

PrettyEmbed.js works with FitVid.js, but it’s not required, and comes with options like high-res preview images and advanced customization of embed options.

You can see some of the advanced customization options in the CodePen demo below. Just click the “JS” tab to see the JavaScript.

See the Pen PrettyEmbed.js Demo by Mike Zarandona (@mike-zarandona) on CodePen.

I’ve used this for a number of client websites, people like to host their videos on YouTube, yet have an elegant looking player that’s not screaming YOUTUBE when it’s embedded. This is where PrettyEmbed.js comes in. This is for those of you who want nice looking YouTube embeds.

Documentation is quite good and provides a list of all options and how to use it with HTML5 or with Javascript. It does require jQuery.

  • Thanks for the writeup, Tyler! I just pushed v1.1.0 which brought a few new bells & whistles. Cheers!