En-tête de site : spécifications et exigences vidéo

Une vidéo silencieuse en boucle pour le haut d’une page d’accueil.

De quoi s’agit-il

Beaucoup de sites produit s’ouvrent sur une courte démo en boucle plutôt qu’une capture d’écran figée. Elle doit être silencieuse, légère et rapide à charger.

Ce qu’elle attend d’une vidéo

  • Pas de spécification officielle. Les navigateurs ne lancent automatiquement que les vidéos sans son : ces préréglages n’ont donc pas de piste audio.
  • Restez court (les préréglages limitent à 20 secondes) pour ne pas ralentir le chargement de la page.

Préréglages Recordcake

Website Hero

H.264, se lit dans tous les navigateurs.

Taille
1280×720 (16:9)
Images/s
30 fps
Vidéo
MP4 · H.264 · 3 Mbit/s
Audio
Sans audio
Limites
jusqu’à 20 s

Website Hero (HEVC)

HEVC, plus petit, pour Safari.

Taille
1280×720 (16:9)
Images/s
30 fps
Vidéo
MP4 · HEVC · 2 Mbit/s
Audio
Sans audio
Limites
jusqu’à 20 s

Conseils pour les démos produit

  • Exportez les deux versions et déclarez-les comme deux sources dans votre balise video, HEVC en premier. Safari prend le fichier HEVC plus petit et les autres navigateurs se rabattent sur le H.264.
  • Ajoutez une image d’affiche pour que quelque chose s’affiche avant le chargement de la vidéo.

Spécifications officielles

Il n’existe pas de spécification officielle ici. Le préréglage suit les usages courants.

L’enregistrement d’écran, c’est du gâteau.

Enregistrez la démo une seule fois. Recordcake s’occupe des formats.

Bientôt sur le Mac App Store