Vidéo

Vidéo

Vidéo

Télécharger

les gabarits officiels

Photoshop HTML5 Hype

Inspirations

  • Boutique Courir
    Voir la vidéo Expérience HTML
    Boutique Courir
  • Boralex
    Voir la vidéo Expérience HTML
    Boralex
  • Vins Balthazard
    Voir la vidéo Expérience HTML
    Vins Balthazard
  • Seville
    Voir la vidéo Expérience HTML
    Seville
  • Bell
    Voir la vidéo Expérience HTML
    Bell

Icônes

Vidéo
En tout temps, l'icône standard jouer doit être utilisée pour faire jouer un extrait vidéo. Lorsque l'icône est placée sur la boîte vidéo ou sur une image, pour une visibilité accrue, nous recommandons l'utilisation de l'icône ayant un contour gris.
Vidéo
L'icône de fermeture de la vidéo doit être placée normalement dans le haut, à droite, de la vidéo.
Vidéo
Si l’option autoactivation est utilisée, les icônes Activer le son et couper le son doivent être placées directement dans le coin inférieur droit de la fenêtre vidéo afin que le lecteur puisse activer le son.

Notes

  • La largeur minimale de la fenêtre vidéo est de 175px et sa largeur maximale est de 775px.
  • Maximum de 3 vidéos par publicité.
  • Il n'est pas permis d'insérer votre vidéo dans un format encrypté en base64.
  • Si le bouton jouer la vidéo est placé à l’intérieur d’une boîte graphiquement démarquée du reste de la publicité (écran, télé, tablette…), la vidéo devrait toujours jouer dans cette boîte pour ensuite donner l’option au lecteur de l’agrandir.
  • Si l’option d’autoactivation est utilisée (disponible dans le format plein écran seulement) :
    1. Le son est activé par les lecteurs en appuyant sur l’icône Activer le son;
    2. La vidéo doit être idéalement sous-titrée;
    3. Éviter d’utiliser d’autres interactions vous permettra de garder l'intérêt des lecteurs sur la vidéo;
    4. L’autoactivation ne fonctionne pas sur les systèmes iOS 9 et Android.
    5. L’option d’autoactivation de la vidéo n’est pas disponible lorsque la publicité est montée avec le logiciel Hype.

Formats supportés

  • Plein écran

    Plein écran

    980 x 670
    500
  • Demi-écran

    Demi-écran

    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
  • Bannière

    Bannière

    980 x 70
    200

Important


Zone de securité utilisée pour le changement d’écran.

Afin de faciliter le changement d’écran et éviter l’ouverture accidentelle du nouveau panneau Slide Over dans iOS 9, cette zone placée dans le format plein écran doit être libérée de toute interaction utilisant un mouvement de glissement du doigt sur l’écran. De plus, il est recommandé que les éléments utilisés en pied de page tels le logo d’entreprise, le +WEB ou l’appel à l’action demeurent statiques.