Pushdown Skin Video Controls

A top banner template for the Pushdown Skin format, that adds an interactive control bar that can trigger the skin expansion, as well as adding some video and audio playback controls. 


Example

Adventure Travel

Format description and guidance

Select the “Pushdown Skin Video Controls Top Banner” template to enable the expanding push-down behaviour.

The template has the following options for customisation:

  • The text on the middle button can be changed. This is useful if you want to localise or customise the interactive elements. By default it says “EXPAND” in the unexpanded state, and “CLOSE” when in the expanded state.
  • The colour of the text and icons can be changed, using a Hex Colour value. The default is a dark grey (#333333), however if your background video is very dark, it may help to change this to a lighter colour instead (such as white, #ffffff)
  • The background colour (tint) of the controls can also be customised - the default is a very light grey (#f0f0f0).
  • The expansion trigger can also be customised. The default is a click on the “EXPAND” button to trigger the pushdown effect, however you can change this to expand on mouse hover instead.
  • Finally you can disable the video controls (the play/pause button + mute/unmute button), if you don’t require them.

Click tags and tracking

The template has its own click URL parameter, which is used for any clicks on the top area of the skin.