NOTE - The functionality of this template has been merged into the main 'Video Streaming' template across all supported formats.
A responsive banner template that allows for elements (such as a logo, CTA or text) to be overlaid on top of a background video. This is useful in cases where the video has not been produced following our safe zone recommendations, or for combining static elements to produce a simple responsive banner. Overlay elements will never appear cropped.
Example
Format Specs
Background Video:
MP4 File up to 50 MB are accepted, with a recommended maximum length of 20 seconds.
Dimensions depend on the format, for desktop formats use a 16:9 aspect ratio (eg 1920x1080px), and for mobile formats a 9:16 aspect ratio (eg 1080x1920px).
Logo / CTA Image:
Up to 1080x1080 (flexible) - SVG, PNG or WEBP with transparent background. 250kb Max.
Both elements are optional, if not required simply don't upload an image. For best results, export overlay assets without any empty space, and use the settings within the template to set the image position, width and height.
Text Overlay:
Plain text, max 150 chars.
Endframe Image:
JPG or WEBP, same dimensions as your video, max 250kb.
Format description and guidance
Upload your background video and select an appropriate scaling mode. You can change the video position if you would like the video to align with the top of the banner rather than the centre. If your video does not completely cover the banner, the background colour will be visible behind to fill any empty space.
The Vertical and Horizontal offsets allow you to control the amount of space (padding) between your overlays and the top/bottom or left/right edges of the banner.
For each overlay element, you can set a position - this is the position or corner within the banner that the asset will be anchored to. Eg top-left, bottom-right, mid-center etc.
For the Logo and CTA overlays, you can set a width and a height - this determines how big your asset will appear within the banner. For best results use responsive CSS units such as vh or vw to set a value that is proportional to the creative size. It is not always necessary to specify both a width and a height - if you only set one of them, you can set the other to "auto" and have it derive its value from the other automatically.
If using the text overlay, add your text and then choose a Font, Font Size and Text Colour.
If your video has audio, you can enable a Mute button, and choose where it is positioned.
Finally if you are using an end frame image, upload it, and choose a configuration. You can decide whether to have your end frame appear on top (covering all overlays), or if you want your overlays to remain visible on top of the end frame.
Max total file weight:
Video: Files up to 50 MB are accepted, with a recommended maximum length of 20 seconds.
Image: Maximum 200kb
Audio
User initiated
Template Details
Automatically synced on 2026-02-11T14:27:19.529Z. This section documents the canvases, banner templates, and trafficking controls directly from the source configs.
Canvases: Desktop Topscroll, Mobile Topscroll, Desktop Midscroll, Mobile Midscroll
Banner templates: Video Streaming, Unnamed template
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.
Warning: Missing template configs for 1 banner(s). Update mapping or templates to keep this spec accurate.
Video Streaming
Responsive video banner, with optional overlays. · Version 2.0.1
General
| Parameter | Purpose | Default / Choices | Notes |
|---|---|---|---|
| Click URL | Destination URL triggered when the user interacts with this element. Include https:// and any tracking parameters. | ||
| Video Asset | Provide the video asset video in MP4 or WEBM format, encoded for autoplay and kept under the maximum weight. |
Video Settings
| Parameter | Purpose | Default / Choices | Notes |
|---|---|---|---|
| Max Video Stream Weight | Sets the maximum allowed video stream weight used when selecting available encodes. | 3.5mb | choices: 3.5mb, 3.0mb, 2.5mb, 2.0mb, 1.5mb, 1.0mb | |
| Scaling Mode | Sets the scaling behaviour of the video. Letterbox and Pillarbox add space. Cover may crop. Contain avoids cropping. Original Size keeps intrinsic dimensions. | Letterbox | choices: Letterbox, Pillarbox, Cover, Contain, Original Size | |
| Video Position | Anchor Point used to position the video within the banner. | mid-center | choices: top-left, top-center, top-right, mid-left, mid-center, mid-right, bot-left, bot-center, bot-right | |
| Audio | Enables or disables video audio. | Enabled | choices: Enabled, Disabled | |
| Audio Button Position | Sets the position of the audio control button. | top-right | choices: top-left, top-right, bot-left, bot-right |
Background Settings
| Parameter | Purpose | Default / Choices | Notes |
|---|---|---|---|
| Background Type | Selects how the background behind the video is generated (auto extraction, custom image, colour fill or blurred video). | Auto Background | choices: Auto Background, Custom Image, Custom Colour, Blurred Video | |
| Background Image | Image used when Background Type is set to Custom Image. | ||
| Background Colour | Colour used when Background Type is set to Custom Colour or to fill letterboxed areas. | #FFFFFF |
Endframe (optional)
| Parameter | Purpose | Default / Choices | Notes |
|---|---|---|---|
| Endframe Image | Image displayed for the endframe when enabled. | ||
| Endframe Settings | Selects when the endframe appears relative to the video (before, after, both or disabled). | Disabled | choices: After Video, Before Video, Before and After video, Disabled | |
| Endframe Display Order | Sets layering order: show endframe above overlays or overlays above endframe. | Endframe on top of overlays | choices: Endframe on top of overlays, Overlays on top of endframe |
Overlay 1 (optional)
| Parameter | Purpose | Default / Choices | Notes |
|---|---|---|---|
| Asset | Image asset for overlay 1. | ||
| Width | Width of the overlay. Use responsive units (vw, vh, %) or 'auto'. | auto | |
| Height | Height of the overlay. Use responsive units (vw, vh, %) or 'auto'. | 10vh | |
| Position | Position of the overlay relative to the banner. | top-center | choices: top-left, top-center, top-right, mid-left, mid-center, mid-right, bot-left, bot-center, bot-right | |
| Time - In (optional) | Video time (seconds) at which the overlay appears. | ||
| Time - Out (optional) | Video time (seconds) at which the overlay hides. |
Overlay 2 (optional)
| Parameter | Purpose | Default / Choices | Notes |
|---|---|---|---|
| Asset | Image asset for overlay 2. | ||
| Width | Width of the overlay. Use responsive units (vw, vh, %) or 'auto'. | auto | |
| Height | Height of the overlay. Use responsive units (vw, vh, %) or 'auto'. | 10vh | |
| Position | Position of the overlay relative to the banner. | bot-center | choices: top-left, top-center, top-right, mid-left, mid-center, mid-right, bot-left, bot-center, bot-right | |
| Time - In (optional) | Video time (seconds) at which the overlay appears. | ||
| Time - Out (optional) | Video time (seconds) at which the overlay hides. |
Text Overlay (optional)
| Parameter | Purpose | Default / Choices | Notes |
|---|---|---|---|
| Text | Text content displayed as overlay. | ||
| Font Size | Font size of the text overlay (supports responsive units). | 1vw | |
| Position | Position of the overlay relative to the banner. | bot-center | choices: top-left, top-center, top-right, mid-left, mid-center, mid-right, bot-left, bot-center, bot-right | |
| Text Colour | Colour of the text overlay. | #ffffff | |
| Font | Font family used for the text overlay. | sans-serif | choices: sans-serif, serif, monospace, impact | |
| Time - In (optional) | Video time (seconds) at which the overlay appears. | ||
| Time - Out (optional) | Video time (seconds) at which the overlay hides. |
Overlay Config
| Parameter | Purpose | Default / Choices | Notes |
|---|---|---|---|
| Vertical Offset | Vertical distance from the top or bottom edges for overlays positioned top or bottom. | 12vh | |
| Horizontal Offset | Horizontal distance from the left or right edges for overlays positioned left or right. | 6vh |
adnami-banner-video-with-overlays — configuration file missing.