Tuesday, August 9, 2011

How to Customize Looks, Color of Embedded YouTube Player

Recently, YouTube changed the appearance of the video player to black. However, YouTube videos embedded on webpages still appear with the traditional, light colored video player. Last week, Google announced that embedded YouTube players will also start appearing in black.

Now, you either like YouTube's new look or you hate it. So forcing a new appearance on users who embed videos on their blogs or websites is going to disappoint half of them. Google has realized this, and so have introduced a new color scheme for bloggers who embed YouTube videos.

There is no interface on YouTube that lets you choose the new color options. Instead, you have to edit the embed code to change the player’s appearance.

A typical YouTube video embed code looks like this:

<iframe width="560" height="349" src=http://www.youtube.com/embed/123 frameborder="0" allowfullscreen></iframe>

To pick an alternate theme, pass in values for the "theme" and "color" player parameters. For instance, if you’d like to keep the traditional colors, you can pass parameters theme=light&color=red. The new embed code looks like this:

<iframe width="560" height="349" src=http://www.youtube.com/embed/123?theme=light&color=red frameborder="0" allowfullscreen></iframe>

Here is how passing different theme and color parameters has an effect on the player’s appearance.


To know more about various embedded player parameters, checkout this page.


  1. Thanks for the tutorial, just one thing, the last one with light theme and white color, dont change the bar to white!
    Any way, thanks for sharing

  2. YouTube's design has changed. I wouldn't be surprised if this doesn't work anymore.


Popular Posts