What are the Player Controls in the Player Template Wizard?
The player controls tab in the Player template wizard is responsible for displaying the controls bar element on all the players associated to this template. The controls bar allows you to play/pause, skip to a specific time using the playback timeline navigation and control other options such as: volume settings and switching to full screen mode. There are many control types to choose from, that allow you to define your player's look-and-feel according to your requirements.
Note: Player controls are always displayed on top of the video location in the player. In most of our controls, an 'auto-hide' capability is applied, causing the controls to be hidden when the mouse cursor is not moving on top of the player <div>.
For further details see, Understanding how the player is structured.
Customizing the Player Controls in the Player Template Wizard
To customize the player controls 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 'Controls' tab within the Player template wizard.
- Apply the required fields according to the following table:
Field Name Description Flash
Click on this field to select a set of player controls that will apply to your player.
Note: The default player controls are 'V: Minimalist, Flat Black (016_2)' which is a player that includes VAST/VPAID support.
Enter the players controls X axis position in pixels.
Note: This will position the controls in relation to the left boarder of the player.
Enter the players controls Y axis position in pixels.
Note: This will position the controls in relation to the top boarder of the player.
Autoposition Select this check box to auto position the control bar at the bottom of the player, according to the size of the player and the video location within the player. Width Enter the width of the player controls bar in pixels. Height Enter the height of the player controls bar in pixels. Background alpha Enter a value between 0.0 to 1.0 (0 is fully transparent while 1 is no transparency at all), to control the transparency level of the background color within the player controls. Background color
Click on this field to define a background color for your player controls. 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.
Enter a URL address to a custom logo image that will be displayed in the players controls.
Note: Make sure you enter a http:// or https:// prefix.
Note: Images will be downsized to 32px width by 32px height.
Note: Please use an image that has a transparent background that will fit the controls bar color.
Logo click url
Enter a URL address to which you would like to redirect viewers when clicking on the Logo icon set in the previous field.
Note: you must enter an http:// or https:// prefix.
Chromeless Select this check box to control and hide the control bar's visibility when the user mouses over the player.
Note: The Player template wizard will show you a preview of your current changes while customizing the player.
- Click on 'Apply'. Your player controls are 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.