Use the Black YouTube Player in your Web Pages

Written by Amit Agarwal on Aug 7, 2011

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:
&lt;iframe src="<span style="color: #ff0000;"><strong>theme=light</strong></span>"
           frameborder="0" width="575" height="350"&gt;&lt;/iframe&gt;

For Dark (Black) Player:
&lt;iframe src="<span style="color: #ff0000;"><strong>theme=dark</strong></span>"
           frameborder="0" width="575" height="350"&gt;&lt;/iframe&gt;

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.

Document Studio

Generate beautiful and pixel-perfect documents in PDF, Word, Excel or PowerPoint.

Download New
Mail Merge

Send personalized emails from Gmail, include unique attachments, track opens and more.

Download Popular
Save Emails

Download email messages and file attachments from Gmail to your Google Drive.

Download Popular

Subscribe to our Email Newsletter