How To Create and Resize A Custom YouTube Player

YouTube allows you to create a custom video player but the process doesn’t include an easy way to set the player size. I’ll show you how to do both.

Create the custom player
You can create a custom player by logging into your YouTube account then selecting “Account” link next to your user name at the top right of the page.

Account link on YouTube

From the Account page, click on the “Custom Video Players” link under the “More” column.

Click on the Create Custom Player button, add the player name and description, select the layout, then select the video(s) you want to include. If you want to create a player for only one video or for a specific group then you can save what you have at this point and create a Playlist with those videos. Otherwise, select the video(s) that you want to include in this player.

Click on the “Select” button once you selected the videos(s) to include in the player.

Once things look good, click on the “Generate Code” button then you’ll see the Embed Code box with the HTML code in it.

YouTube Custom Player Edit

At the time of this post, the default player size is 416 by 337 pixels. You probably noticed that the Create a Custom Player process never allowed you to set the player size. I’ll show you how to edit the code so you can get the right player size.

Edit the Embed Code
Copy the Embed Code and paste it into a Notepad or Text file for now. Now, we’re going to change four parts of that code, the two “width” and two “height” parameters which are both 416 by 337 respectively.

To avoid strenuous math at this point, I included a data table that has the width and height at different percentages of the original player size. So if you want the player to be around 300 pixels wide, you’ll need to set the height to be around 240 pixels, based on the chart below.

Player Parameters
Width Height Percentage
125 101 30
146 118 35
166 135 40
187 152 45
208 169 50
250 202 60
270 219 65
291 236 70
312 253 75
354 286 85
374 303 90
395 320 95
416 337 100
437 354 105
458 371 110
478 388 115
499 404 120
520 421 125
541 438 130
562 455 135
582 472 140
603 489 145
624 506 150

Final Steps
Now that you have the desired width and height, change those values in the Embed Code then add the entire code to your blog. If it doesn’t fit correctly, revisit the table above and find a combination that works for you.

You just learned how to create and resize a custom YouTube Player!

Subscribe to my YouTube Channel

[Cross posted on jesseluna.com]

This entry was posted in B2B, How-To, Marketing, Promotion, Small Business, Social Media, Training and tagged , , , . Bookmark the permalink.

4 Responses to How To Create and Resize A Custom YouTube Player

  1. MIng says:

    Great advice dude. but there’s a problem.. The background that the player is on doesn’t resize, as a result it leaves you a white original background in the original dimensions, so there is white off the sides and to the bottom.

    Thanks

    • Jesse Luna says:

      Ming: There are two sets of width and heights in the Embed code. Make sure to change both of them or you’ll get the extra background white space. Let me know if that helps things. If not then I’ll test it out. – Jesse

  2. Drew says:

    I have a custom player for a playlist (with the videos to the right)… and I tried to resize by making boths sets of width/height, but it seemed to just display the same.

    Any thoughts?

Leave a Reply

Your email address will not be published. Required fields are marked *