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.

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.

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.

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!

[Cross posted on jesseluna.com]