An unofficial blog that watches Google's attempts to move your operating system online since 2005. Not affiliated with Google.

Send your tips to gostips@gmail.com.

October 27, 2007

Customize YouTube's Player

YouTube has recently updated the video page's design. Besides some obvious changes, like a slightly bigger player that lets you jump anywhere in the video, YouTube now lets you customize the player when you copy the embedding code. The custom players were already available for playlists, but now you can use them for individual videos as well. Just click on "customize embed" next to the generated HTML code and choose a theme. You could also add a border around the video and choose not to show related videos.


The code will probably include an URL that looks like this:
http://www.youtube.com/v/FI76sKLMkMU&color1=0x006699&color2=0x54abd6

You can change the two colors from the URL (color1 and color2) to any value you want: the 216 web safe colors are a good start, but don't forget to replace "#" with "0x".

Here's a list of other YouTube parameters that could be useful if you want to manually edit the code (the default values are in bold):

* border (values: 0, 1) - if the value is 1, shows a border around the video
* rel (values: 0, 1) - if the value is 0, the player doesn't show related videos
* autoplay (values: 0, 1) - if the value is 1, the video starts to play automatically

16 comments:

  1. Notable is, that javascript was already included on the page in august...

    ReplyDelete
  2. Is there any way to set 'autoplay=0' for pages on Youtube? I often open windows in the background and multiple Youtube videos (auto)playing simulaneously in the background is a pain.

    ReplyDelete
  3. Probably a Greasemonkey script should be the answer. This script replaces YouTube's player with the embedded player, but it doesn't look very nice. YouTube stop video download seems a better option: you click on a checkbox and all the videos should stop.

    Both scripts require Firefox + Greasemonkey, but they may also work in Opera (natively) or in Internet Explorer (using a plug-in: Trixie, GM4IE).

    ReplyDelete
  4. @joelpt, Tubestop works weel for this.

    ReplyDelete
  5. Now if they would just do this with embedded Google Calenders...

    ReplyDelete
  6. You can also use another player for Youtube video. I have players video 100% compatible Youtube without download the video !
    Just copy the html code in your website ! www.jookydo.com

    ReplyDelete
  7. haha nice those this stil work?

    case i tried it and it didnt work where must i enter the code?

    ReplyDelete
  8. nice tutorial.
    I also use the youtube hiqh quality parameter to have the movies automatically in high quality : &ap=%2526fmt%3D18

    ReplyDelete
  9. whats the code for play next because even if you have the code for auto play it will still stop after the first video!!! What's the code for making it play next without the delay??????????/

    ReplyDelete
  10. http://userscripts.org/scripts/show/31864

    ReplyDelete
  11. ummmm where do u copy/paste the code into???

    ReplyDelete
  12. Where do you put the copied code?

    ReplyDelete
  13. In the related videos tab, how can we show the videos only from our youtube account?

    ReplyDelete
  14. Is there any option to change youtube player bg colour change option?

    ReplyDelete
  15. It seems &autoplay=1 not longer works. It used to work fine for years but now it seems that param stopped working in September 2010. I hope Youtube fix it soon.

    ReplyDelete