Vidéo

Vidéo

Vidéo

Télécharger

les gabarits officiels

Photoshop HTML5 Hype

Inspirations

  • Perizzolo
    Voir la vidéo Expérience HTML
    Perizzolo
  • 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 à l’exception des vidéos intégrées en plein écran.
Vidéo
Si l’option autoactivation est utilisée (uniquement disponible avec le format plein-écran), 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.

Note

  • La largeur minimale de la fenêtre vidéo est de 175px.
  • Maximum de 3 vidéos par publicité.
  • 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 le système 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 Ko
  • Demi-écran

    Demi-écran

    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


Zone de sécurité 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.