You can resize your Players one of two ways:
1.) At the Player-level
You can see a full list of Brightcove Standard Templates here: http://support.brightcove.com/en/video-cloud/docs/player-templates
Some can be resized through the publishing code and this is noted above each template on this page where this can be resized.
When looking at your publishing code, you will find two parameters, "width" and "height". For example, in JavaScript publishing code it will look like this:
<param name="width" value="486" />
<param name="height" value="412" />
Adjusting the numbers will resize the entire player. If you are using a player that has elements outside the video display such as controls or a playlist, then you must compensate for this when specifying these dimensions. For example with a player based on the standard Video Player template, you should add six pixels to the width and 52 pixels to the intended video dimensions.
For example, if you are sizing the player for a 16:9 video with the dimensions of 480x270, then you will want to resize your entire Player to the following dimensions to avoid letterboxing:
<param name="width" value="486" />
<param name="height" value="322" />
2.) At the Template-level using BEML
The advantages of resizing a player at the template-level is that it allows you to set the size once and create multiple players from this template without needing to modify the publishing code.
Some of the more complex standard template with many components such as a playlist can only be resized by making changes to the template. This is because the player size is hard-coded in the BEML template. However you can resize the player by taking these steps in the Publishing Module:
Click "All Templates".
Select the "Video Player with Dropdown Navigation" template.
Click the "Duplicate" button. This will create a new editable template called "Video Player with Dropdown Navigation copy".
Select the new template and click "Edit". This displays the template manager where you edit the template's BEML code.
You should see a line that says:
<VideoPlayer id="videoPlayer" height="275" video="{videoList.selectedItem}"/>
To adjust the height of your video player, simply edit the height value that is currently set to 275. Adjusting this will adjust the size of the video player.
To adjust the width of your video player, add a width parameter after the height parameter:
width="xxx"
For more on how to accomplish this please see the following link: http://support.brightcove.com/en/video-cloud/docs/developing-player-templates
