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 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
Recommended asset dimensions
Video: 1280x720 (16:9), MP4
Overlays: PNG or WBP with transparent background. Dimensions are flexible, overlays should be designed true to size and then exported at 2x resolution.
Background Image (optional)
Image: 1280x180px* (JPG, WEBP)
Top Banner sizes vary across publishers and between countries, so please read carefully to ensure your assets are produced correctly.
For top banner backgrounds, use a width of 1280 pixels. The height should match the billboard height from the list below, and all key content should appear within a centralised safe zone of the corresponding billboard width. eg, for a UK skin, the ideal asset size is 1280x250, with a centralised 970x250 safe zone. You may also wish to export your assets double sized (eg 2560x500), for sharper display on high resolution screens.
Billboard placement sizes by country:
- 🇩🇪 DE: 1000x250px
- 🇩🇰 DK: 930x180px
- 🇫🇮 FI: 1000x400px
- 🇫🇷 FR: 970x250px
- 🇳🇴 NO: 980x300px
- 🇸🇪 SE: 1000x240px
- 🇬🇧 UK: 970x250px
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: When used in conjunction with the Seamless Image & Video Skin banner, sticky video functionality will be enabled automatically.
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 overlays.
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.