Skip to main content

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.

youtube-player-customization

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

Comments

  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

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

    ReplyDelete

Post a Comment

Popular posts from this blog

How to Record CPU and Memory Usage Over Time in Windows?

Whenever the computer is lagging or some application is taking too long to respond, we usually fire up task manager and look under the Performance tab or under Processes to check on processor utilization or the amount of free memory available. The task manager is ideal for real-time analysis of CPU and memory utilization. It even displays a short history of CPU utilization in the form of a graph. You get a small time-window, about 30 seconds or so, depending on how large the viewing area is.

How to Schedule Changes to Your Facebook Page Cover Photo

Facebook’s current layout, the so called Timeline, features a prominent, large cover photo that some people are using in a lot of different creative ways. Timeline is also available for Facebook Pages that people can use to promote their website or business or event. Although you can change the cover photo as often as you like, it’s meant to be static – something which you design and leave it for at least a few weeks or months like a redesigned website. However, there are times when you may want to change the cover photo frequently and periodically to match event dates or some special promotion that you are running or plan to run. So, here is how you can do that.

Diagram 101: Different Types of Diagrams and When To Use Them

Diagrams are a great way to visualize information and convey meaning. The problem is that there’s too many different types of diagrams, so it can be hard to know which ones you should use in any given situation. To help you out, we’ve created this diagram that lays out the 7 most common types of diagrams and when they’re best used: