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 safezone recommendations, or for combining static elements to produce a simple responsive banner. Overlay elements will never appear cropped.
Example
Format Specs
Background Video:
MP4, 3MB max
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:
3.5 MB
Audio
User initiated