How to Use the Black YouTube Player in your Web Pages ~ Magixpro.com

How to Use the Black YouTube Player in your Web Pages


The following page has two videos embedded from YouTube – the clips are identical but the skin of the YouTube player containing these videos is different in both cases.
The first YouTube video player uses the default colors (metallic white) while the video player for the second video uses a dark theme – the frame itself is black while the video control bar is red in color.

How to Change the Color of YouTube Video Player?

If you use IFRAMEs to embed YouTube videos, you can easily change the color of the YouTube Video Player by adding a new parameter called theme to the URL.
For the dark (black) player, set the theme value to dark else set it to light for using default colors with the YouTube Player.
For Light (White) Player:
<iframe src="http://www.youtube.com/embed/S1Q9bAochC0?theme=light"
      frameborder="0" width="575" height="350"></iframe>

For Dark (Black) Player:
<iframe src="http://www.youtube.com/embed/S1Q9bAochC0?theme=dark"
      frameborder="0" width="575" height="350"></iframe>
This new theme option for setting colors is only available for the IFRAME version and not for the old OBJECT based embed codes.
Shannon Behrens of YouTube says that YouTube would be switching to the dark video player for all embeds in the next few days. That means you’ll have to add the theme=light option manually to all your existing embeds in case you wish to use the existing white skin for the player.

Twitter Delicious Facebook Digg Stumbleupon Favorites More