Resizing a Player

You can change the size of Brightcove Players that are based on the Single Title 2.0 Template. To change the size of one of these players, edit the Brightcove Player publishing code to change the width and height attributes for the Player.

Attempting to change the width and height dimensions for Players based on other Player templates will only either create excess space around the Player (if made bigger) or crop the Player (if made smaller).


To resize a Single Title 2.0 Player:

  1. Open the source code for the web page where the Player is located.

  2. Locate the "width" and "height" attributes near the bottom of the Player publishing code and change them to the desired values (in pixels).
  3. config["width"] = 486;
    config["height"] = 412;

    createExperience(config);
    </SCRIPT>
    <!-- End of Brightcove Player ->

When you set the player's height and width attributes, you need to keep in mind not just the dimensions of the video, but also the dimensions of the player controls. Add 6 pixels to the width of your video and 52 pixels to the height of your video. For example, if you are placing a 480x270 video in your Player, adjust the dimensions to:

config["width"] = 486;
config["height"] = 322;

Related topics: