How to Make YouTube Embeds Less YouTube-y

Adam DuVander
Aug. 02 2010, 02:33PM EDT

We are all likely familiar with the look of YouTube's embedded player. In fact, seeking an alternate design for the player might be what sends many developers to to one of the other 99 video APIs. But it doesn't need to: YouTube lets you add your own "chrome," the look of the player.

Tutorialzine walks you through the process using a jQuery plugin and the YouTube Data API. You can download the plugin and use it directly, or go through the tutorial and understand how it works. The YouTube logo in the lower right of the video remains, but everything else is customizable: add your own controls, progress bar and other chrome.

The how-to also shows off the data that gets returned by the YouTube API for a single video. There, you can see much of the information available on YouTube's website. Get the video's description, rating and more. That's useful in combination with YouTube's search API to create your own portal to YouTube content, perhaps specific to an industry. And, with the player plugin, you can further separate how it looks, all while building on top of the biggest database of video in the world.

via Brian Choongphol

Adam DuVander Hi! I'm Developer Communications Director for SendGrid and former Executive Editor of ProgrammableWeb. I currently serve as a Contributing Editor. If you have API news, or are interested in writing for ProgrammableWeb, please contact editor@programmableweb.com Though I'm a fan of anything API-related, my particular interest is in mapping. I've published a how-to book, Map Scripting 101, to get anyone started making maps on websites. In a not-so-distant past life I wrote for Wired and Webmonkey.

Comments