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.
Produce this control bar using the billboard placement sizes below so the pushdown skin aligns with local publisher specifications.
For HTML5 Top Banners, the creative width should be responsive (width: 100%) up to a maximum width of 1280 pixels. The height will match the billboard height from the list below. If the width of your top banner is not responsive, there may be empty space visible between the top banner and side panels on some sites.
Billboard placement sizes by country:
- 🇦🇹 AT: 1000x250px
- 🇨🇭 CH: 1000x250px
- 🇩🇪 DE: 1000x250px
- 🇩🇰 DK: 930x180px
- 🇫🇮 FI: 1000x400px
- 🇫🇷 FR: 970x250px
- 🇳🇱 NL: 970x250px
- 🇳🇴 NO: 980x300px
- 🇵🇱 PL: 970x250px
- 🇸🇪 SE: 1000x240px
- 🇬🇧 UK: 970x250px
Top banner dimensions can also vary from publisher to publisher. Always confirm the exact sizes with the publishers on your plan before creating skin assets.
Example
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.
Template Details
Automatically synced on 2026-02-11T14:27:19.593Z. This section documents the canvases, banner templates, and trafficking controls directly from the source configs.
Canvases: Pushdown Skin
Banner templates: Pushdown Skin Video Controls Top Banner
Use the tables below to configure the linked banner templates. Each parameter definition is pulled straight from the template config, ensuring the spec always documents the latest functionality.
Pushdown Skin Video Controls Top Banner
Video controls for pushdown skin · Version 1.0.0
General
| Parameter | Purpose | Default / Choices | Notes |
|---|---|---|---|
| Click URL | Global click destination for the banner. |
Button Labels
| Parameter | Purpose | Default / Choices | Notes |
|---|---|---|---|
| Expand Button Label | Text shown on the expand button. | EXPAND | |
| Collapse Button Label | Text shown on the collapse button. | CLOSE |
Appearance & Behaviour
| Parameter | Purpose | Default / Choices | Notes |
|---|---|---|---|
| Text Colour | Colour used for button and interface text. | #333 | |
| Background Colour | Colour used for button and interface background. | #f0f0f0 | |
| Expand Mode | Sets whether expansion occurs on click or on hover. | Click | choices: Click, Hover | |
| Video Controls | Shows or hides video playback controls. | Enabled | choices: Enabled, Disabled |