Présentation de portfolio video-first

YouTube est difficile à battre pour l’hébergement gratuit et la découvrabilité accidentelle. Vimeo est plus à l’aise quand vous tenez au chrome du lecteur, à une lecture sans logo et à la capture de leads. Ni l’un ni l’autre ne vous donne le contrôle total de l’embed dans une page portfolio conçue.

La lecture native sur ArtInStack (encodage Bunny Stream + lecteur unifié) est la voie quand l’UI environnante, les posters, le lazy-loading et le chrome de marque comptent autant que le fichier. Attendez la fin de l’encodage avant d’attendre un poster propre et une lecture HLS. Ce garde-fou de disponibilité fait partie du produit, pas d’un mystère. Pour l’encode, l’échelle et l’économie GB vs minutes, voir Transcodage vidéo à l’échelle.

Les photographes savent déjà que les photos peuvent dériver entre Lightroom et le navigateur. La vidéo ajoute des hops. Sculptez l’image dans un espace de travail de haute qualité à l’édition ; puis convertissez délibérément vers Rec. 709 pour la diffusion web typique.

Quand cette conversion est accidentelle, vous obtenez la plainte classique : juste dans la timeline, différent à l’export, et différent encore dans le lecteur de l’hébergeur. Traitez Rec. 709 comme une pratique d’export que vous possédez, pas comme une fonction de gestion des couleurs de la plateforme. Le rôle d’un site sérieux est d’éviter d’inventer un quatrième rendu via filtres CSS ou grades de poster décalés.

Une vidéo de fond en boucle muette peut poser le ton rapidement. Elle se télécharge aussi que le visiteur s’en soucie ou non, concurrence les photos pour la bande passante, et soulève des attentes d’accessibilité (contrôles, préférences reduced-motion, sous-titres quand la parole compte).

ArtInStack traite l’autoplay comme une décision de surface, pas un interrupteur global : les fonds vidéo de section et la vidéo hero peuvent démarrer en muet ; les tuiles de galerie et les blocs Video Lightbox sont en clic-pour-lire ; les réglages lightbox contrôlent mute/loop une fois ouvert ; les templates motion avec sets vidéo seuls lisent la slide de scène focalisée en muet inline. Le motion mixte photo+vidéo reste sur posters jusqu’à la lightbox.

Pour la plupart des grilles mixtes, le clic-pour-lire est le défaut volontaire. Réservez l’autoplay à un seul moment hero mesuré sur téléphone, pas à un template qui lance tout automatiquement.

Si vos photos tournent dans une grille recadrée, les posters vidéo doivent partager ce ratio : remplissage cover, pas contain letterboxé. ArtInStack force le cover du poster sur les tuiles de galerie pour que la vidéo n’ouvre pas une géométrie différente des photographies à côté.

Les collections mixtes utilisent poster + badge play et s’ouvrent en lightbox (la vidéo n’est pas une page détail photo). Le motion vidéo seule peut lire la slide active inline. Les layouts journal plafonnent la hauteur des clips portrait pour qu’une vidéo verticale ne domine pas le scroll.

Cette décision vit dans Le piège du layout : ratios d’aspect et grilles CSS. Poids et netteté de l’image poster appartiennent à Résolution vs performance pour les images portfolio.

ArtInStack traite la vidéo comme partie de la même surface de publication que les photos (bibliothèque média → grilles portfolio, blocs de page et lightbox), pas comme un embed bricolé après coup. Utilisez la lecture plateforme quand vous voulez contrôler chrome et chargement ; YouTube ou Vimeo quand la distribution est le produit.

Les règles de couleur et de layout ci-dessus s’appliquent dans les deux cas. Préférez un embed honnête à une promesse « un clic » fictive quand la distribution, pas le chrome, est le travail.