In-Screen Expandable Video Specs
Getting Started
When a client is interested in "self-service design," it is required to start in Photoshop using the template below. As for the fully custom template, this Photoshop file is highly recommended for clients who are interested in creating more bespoke design layouts while building at 2x scale for Retina Display.
Placement | Bottom of Browser Viewport (Adhesion) |
Platform | Cross Platform |
Responsive | Yes |
Demo | |
Abbreviation | ISXV |
Video | On load: Autoplay, On Expand: Continuous Play (DOES NOT LOOP) |
Sound | Click to play |
Size Limit | 450KB for Creative, 2.5mb for Video |
Self-service PSD Template | |
Fully Custom PSD Template | GG-Template_2023_ISXV.zip or download from Dropbox. |
Sizes
COLLAPSED
Breakpoint | Width | Main Height |
Desktop | 600px | 80px |
Mobile | 300px | 80px |
EXPANDED
Breakpoint | Width | Main Height |
Desktop | 600px | 200px |
Mobile | 300px | 200px |
These sizes represent the dimensions for the unit in a web browser! IN order for creative to display crisp on Modern mobile and desktop devices all creative should be designed at twice the sizes listed above!
Animation
- By default, expand animation should only re-arrange existing creative elements and not add or remove any
- 1-Second "Intro" Animation
- 1-Second "Expand" Animation
- Additional seconds of animation can be shown on the expend state
- Requires a Complex Creative Request
Additional Details
- Avoid overlaying any design treatment or elements above the video player.
- Not compatible with complex creative capabilities/ad features by default.
- For responsive units, please supply the order in which elements should drop off for smaller ad sizes.
- Desktop unit is hover to expand
- Mobile unit is swipe to expand
- Runs on minimum image size of 300x300
- Max Video Length is 30 seconds
- Note: 15 seconds is highly recommended for better ad performance.
- One element can be up to 200px high collapsed and 400px high expanded (mockups) or 100px high collapsed and 200px high expanded (rendered)
- Tile height is 120px high collapsed and less than 400px high expanded (mockups) or 60px high collapsed and less than 200px high expanded (rendered)
- Designers can utilize space on either side of the 600px "main content area" to add ornamentation.
- Up to 200px on either side of the 600px space can have additional design elements, flourishes, etc
- Cannot be anything that is vital to the ad - no messaging, logos, etc because as the unit width shrinks these elements will start to be partially cropped out.