Video

Video

Video

Download

the official templates

Photoshop HTML5 Hype

Inspirations

  • Perizzolo
    View video HTML experience
    Perizzolo
  • Boutique Courir
    View video HTML experience
    Boutique Courir
  • Boralex
    View video HTML experience
    Boralex
  • Vins Balthazard
    View video HTML experience
    Vins Balthazard
  • Seville
    View video HTML experience
    Seville
  • Bell
    View video HTML experience
    Bell

Icons

Video
The standard icon play must always be used for playback of a video file. When the icon is positioned on the video box or on an image, for improved visibility we recommend using the grey-outlined variant of the icon.
Video
The close video icon icon normally goes in the upper right corner of the video.
Video
If the auto-activation option is used, the icons audio and mute must be placed directly at the bottom right corner of the video window so that sound can be activated by the reader

Notes

  • The minimum width of the video window is 175px and the maximum width is 775px.
  • Maximum 3 videos per ad.
  • Video files cannot be inserted in a base64-encoded format.
  • If the playback trigger button is positioned inside a box graphically demarcated from the rest of the ad (e.g., representing a screen, TV, tablet), the video must start playing in that box, with the reader then given the option of entering full-screen mode.
  • If the auto-activation option is used (available in the full screen format only):
    1. Sound is activated by the reader pressing on the icon audio;
    2. Ideally, the video should include subtitles;
    3. Avoiding the used of other interactions will help keep the reader’s interest in the video;
    4. The auto-activation does not work on iOS 9 and Android systems.
    5. The video self-activation option is not available when the ad is created using the Hype software.

Supported formats

  • Full-screen

    Full-screen

    980 x 670
    500
  • Half-screen

    Half-screen

    480 x 670
    400
  • ⅓ vertical *

    ⅓ vertical *

    330 x 670
    300
  • ⅓ horizontal *

    ⅓ horizontal *

    980 x 210
    300
  • ¼ vertical

    ¼ vertical

    230 x 670
    200
  • ¼ horizontal

    ¼ horizontal

    480 x 325
    200
  • ⅙ horizontal

    ⅙ horizontal

    480 x 210
    200
  • ⅛ horizontal

    ⅛ horizontal

    480 x 152
    200
  • ⅛ vertical

    ⅛ vertical

    230 x 325
    200
  • Banner

    Banner

    980 x 70
    200

Important


Security area used for the screen change.

To facilitate the screen change and prevent accidental opening of the new Slide Over panel in iOS 9, this area placed in full-screen format must be free from any interaction using a sliding movement of the finger on the screen. It is also recommended that any elements displayed at the bottom of the page, such as the company logo, the +WEB target and the call to action, be left static.