Modify The YouTube Player Color And Theme

Martin Brinkmann
Aug 8, 2011
Updated • Aug 9, 2011
Internet, Music and Video, Video, Youtube

You may recall that YouTube started rolling out a new player and site design not so long ago. The redesign, announced about a month ago, made several changes to the video hosting website. Probably the change with the biggest impact was the switch from a light themed played to a dark themed player.

Back then it was not clear if and how embedded players would benefit from the design change. A post on Friday revealed that YouTube plans to roll our a dark player design for YouTube embeds from August 10 on. From that day on, all embedded YouTube videos will sport a new dark player design.


The design change can be problematic on websites that use a lighter theme. YouTube for exactly this situation has added two new player parameters to the YouTube embedded player.

The new theme parameter defines the overall theme of the embedded player. Available options are dark or light. The color parameter on the other hand defines the color of the time bar which can either be red or white.

The default theme and color is set to dark and red. A total of three additional designs are available.

youtube themes

If you do not want the default dark themed played to show up on your site, you need to modify the player code manually. This could be problematic for webmasters who have embedded lots of YouTube videos on their web properties. Probably the best option for those webmasters is to create a script that modifies all embedded YouTube scripts on the website automatically.

The code to embed YouTube videos looks like this. Take notice of the parameters theme and color in the video url.

<iframe width="560" height="349"
frameborder="0" allowfullscreen></iframe>

Here you define the theme and color that you want to be displayed on your website. What's your take on the new YouTube layout and embedded player layout? Good change, bad change?


Tutorials & Tips

Previous Post: «
Next Post: «


There are no comments on this post yet, be the first one to share your thoughts!

Leave a Reply

Check the box to consent to your data being stored in line with the guidelines set out in our privacy policy

We love comments and welcome thoughtful and civilized discussion. Rudeness and personal attacks will not be tolerated. Please stay on-topic.
Please note that your comment may not appear immediately after you post it.