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. The only exception is the full screen video.
Video
If the auto-activation option is used (available in full screen format only), 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

Note

  • The minimum width of the video window is 175px.
  • Maximum 3 videos per ad.
  • 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 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 Android system.
    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 Ko
  • Half-screen

    Half-screen

    480 x 670
    400 Ko
  • ¼ vertical

    ¼ vertical

    230 x 670
    200 Ko
  • ¼ horizontal

    ¼ horizontal

    480 x 325
    200 Ko
  • ⅙ horizontal

    ⅙ horizontal

    480 x 210
    200 Ko

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.