Warning: Invalid argument supplied for foreach() in /home/techrecipes/public_html/wp-content/themes/techrecipes/header.php on line 77

Youtube Hack: Change Size of Player

   Posted by David Kirk in Internet

Ever wonder why the videos on youtube are bigger in size that the ones that you place on your blog? By manipulating the code that youtube gives, the user can make the youtube player smaller or bigger. Here is how to do it.


I always wondered why the videos on youtube were bigger than the ones that I posted here. Here is how to change that.

All one has to do is to take alter the width and height values in the youtube code that it gives you to place the video on your blog.

We’ll use the starwars kid as an example. Here is the code that youtube gives you…

And here is the default video size…

By changing both width values to 450 and both height values to 370, the video will appear the same size within your blog as it does on the youtube site itself:

Bigger video! Size on the youtube site itself…

For smaller thumbnails, you might want to really decrease the size as well. Here I change both width values to 225 and both height values to 185 to make the player half the size.

Little video!

 

About David Kirk

David Kirk is one of the original founders of tech-recipes and is currently serving as editor-in-chief. Not only has he been crafting tutorials for over ten years, but in his other life he also enjoys taking care of critically ill patients as an ICU physician.
View more articles by David Kirk

The Conversation

Follow the reactions below and share your own thoughts.

  • Anonymous

    cool

  • http://bimmerboost.com/ DP

    Any idea on how to change the size via percentage than pixels?

    i.e. I want it to be 100% for the user, not a preset size.

  • Ringfever

    I did that and it didn’t come out correct. The new width and height I used was 70% of the original, 522×289, it came out much smaller, no matter what new figures I used it came out the same small size, see screen shots… Also,why the white border, can I make that go away?

    thanks

    PS
    I guess I can’t add the screen shots here