Seamless Video Top Banner

A template for the Seamless Skin format, that allows for the easy addition of a top banner with a repositionable video player. This template is used in conjunction with the Seamless Image & Video skin template to enable sticky video behaviour.

Guide to skins

The guide covers:

- The difference between our Seamless Skin & Fluid Skin formats
- The respective templates (i.e. Seamless Image Skin, Seamless Sliding Skin, Fluid Skin Image, Fluid Skin Video, etc.) within our Seamless & Fluid Skin formats
- Tips and best practice for using overlays  

Examples

Adventure Travel

Recommended default creative dimensions

Background Image (optional)

Image (JPG/PNG):
Size varies by country:

  • 🇩🇪 DE: 970x250px
  • 🇩🇰 DK: 930x180px
  • 🇫🇮 FI: 1000x400px
  • 🇳🇴 NO: 1000x300px
  • 🇸🇪 SE: 1000x240px
  • 🇬🇧 UK: 970x250px

Top banner width may vary from publisher to publisher. Always confirm specs with the publishers on your plan before creating skin assets.

Video: 1280x720 (16:9), MP4 (Optimised for web)

Overlays: PNG with transparent background. Dimensions are flexible.

Format description and guidance

The background image is optional, it can be used if a different background is required for the top banner compared to the skin background, otherwise it can be left blank.

The video can be positioned, to be either left, right, or centred within the banner. Depending on the option selected, the overlay will be centred within the available remaining space. Note: If using the sticky video functionality, leave the video parameter blank, as the template will use the source defined in the seamless skin creative parameters instead. The position of the sticky video is configurable via the skin template, for more information see the Seamless Image/Video Skin specs page.

The video controls (play, pause, unmute, progress bar) on the video can be enabled or disabled according to preference. The colour of the progress bar can also be customised. By default the video will fill the full height of the Top Banner, but padding can be added to make it smaller (use either pixel values, or responsive units such as vh).

If the video position is set to center, two smaller overlays will be used (one on each side of the video). Upload a second overlay into the “Overlay 2” parameter.

The overlay padding value allows you to add in or remove additional white space around the overlay.


Max total file weight

1 MB
For best performance, all assets should be compressed and optimized to the lowest possible file weight. We recommend using tinypng.com to compress PNGs.

Audio

Muted by default, user initiated.