What is the Background Skin Tab in the Player Template Wizard?
The background skin tab in the player template wizard allows you to define an image and/or color that will be displayed within the player <div>, behind the video location. This setting will be applied to all players associated with this player template.
Note: For further details see, Understanding how the player is structured.
Note: If the video location window is the same size or larger than the player's size area the background skin will be hidden below it.
Customizing the Background Skin in the Player Template Wizard
To customize the background skin in the player template, perform the following steps:
- Access the Player template wizard by editing an existing player template or create a new one.
- Select the 'Background Skin' tab within the Player template wizard.
- Apply the required fields according to the following table:
Field Name Description Image
Click on this field to select an image that will be displayed as the background skin.
Note: If you do not have a previously uploaded image, please see How to upload an image.
Select this check box to display a color in the background skin behind the background image.
When clicking on the color definition field you can either enter a custom hexadecimal color code or use the drop down chart to select a color using the cursor picker.
Note: If the check box is left deselected, the background color will remain transparent.
X Enter the background's X axis position in pixels. The X coordinate starts on the top left corner of the player. Y
Enter the background's Y axis position in pixels. The Y coordinate starts on the top left corner of the player.
Note: In some cases the player will appear centered vertically inside the player size <div>. To overcome this issue, you can use negative values to move the background further on the Y axis.
Enter a width value (in pixels) to override the width of the background skin.
Note: It is recommended to use the player size width.
Enter a height value (in pixels) to override the height of the background skin.
Note: It is recommended to use the player size height.
- Click on 'Apply'. Your background skin is now applied to your player template.
- Continue to apply additional player template customization options or click 'Save' and see Player Template Save Dialog.
Note: After saving a player template, please see How to assign a Player template to a player.