Portfolio·Guide
Presentación de portafolio con vídeo primero
La mayoría de artículos de «portafolio de vídeo» solo preguntan qué host gana. Los fotógrafos convertidos en videógrafos chocan con otro problema: el clip se veía bien en Premiere, luego mal en el player y luego mal otra vez en el sitio. El héroe con autoplay que te inspiró castiga a los clientes en móvil.
Antes de pulsar play
Cuatro decisiones que cambian cómo se siente el vídeo en la página
Host con intención
YouTube: alcance y coste. Vimeo: player más limpio y funciones de negocio. Reproducción nativa en tu plataforma (ArtInStack usa Bunny Stream detrás de un player unificado): control del chrome, pósters y UI circundante. Elige por el trabajo, no por el sponsor del blog.
Exporta Rec. 709 a propósito
Edita en un espacio de trabajo serio; convierte de forma intencional para distribución web. Sin gestión de color en tu export, el mismo metraje discrepa consigo mismo entre NLE, archivo y player. Ninguna página de portafolio puede inventar esa disciplina por ti.
El autoplay es una elección de presupuesto
Los héroes en bucle silenciado se ven premium en galerías de inspiración. También cuestan datos, atención y margen de Core Web Vitals. Las entradas de galería click-to-play suelen ser el default más amable.
Los pósters comparten geometría con las fotos
Una cuadrícula de portafolio mixta falla cuando los mosaicos de vídeo ignoran las reglas de aspecto que fijaste para fotografías. Los frames de póster son ciudadanos del layout. Ver la guía de la trampa del layout.
Tradeoffs de hosting, sin la niebla de afiliados
YouTube es difícil de batir para hosting gratuito y descubribilidad accidental. Vimeo se siente más en casa cuando te importan el chrome del player, la reproducción sin logo y la captura de leads. Ninguno te da control total de cómo el embed se asienta dentro de una página de portafolio diseñada.
La reproducción nativa en ArtInStack (encoding Bunny Stream + un player unificado) es el camino cuando la UI circundante, los pósters, el lazy-loading y el chrome de marca importan tanto como el archivo. Espera a que el vídeo termine de encodear antes de esperar un póster limpio y reproducción HLS. Esa puerta de readiness es parte del producto, no un misterio. Para encode, escalera y economía GB-frente-a-minutos, ver Transcodificación de vídeo a escala.
El problema de color que nadie en marketing de galerías explica
Los fotógrafos ya saben que las fotos pueden cambiar entre Lightroom y el navegador. El vídeo añade más hops. Da forma a la imagen en un espacio de trabajo de alta calidad mientras editas; luego convierte deliberadamente hacia Rec. 709 para la distribución web típica.
Cuando esa conversión es accidental, aparece la queja clásica: se veía bien en la timeline, distinto en el export y distinto otra vez en el player del host. Trata Rec. 709 como práctica de export de la que eres dueño, no como una función de gestión de color de la plataforma. El trabajo de un sitio serio es evitar inventar un cuarto render vía filtros CSS o grades de póster desalineados.
Autoplay por superficie
El vídeo de fondo silenciado en bucle puede fijar el tono rápido. También descarga aunque al visitante no le importe, compite con las fotos por ancho de banda y eleva expectativas de accesibilidad (controles, preferencias de reduced-motion, captions donde importa el habla).
ArtInStack trata el autoplay como una decisión de superficie, no un interruptor global: fondos de vídeo de sección y vídeo de héroe pueden hacer autoplay silenciado; los mosaicos de galería y los bloques Video Lightbox son click-to-play; los ajustes de lightbox controlan mute/loop una vez abierto; las plantillas de motion con sets solo-vídeo reproducen el slide enfocado del stage silenciado en línea. El motion mixto still+vídeo se queda en pósters hasta el lightbox.
Para la mayoría de grids mixtas, click-to-play es el default deliberado. Reserva el autoplay para un solo momento héroe que midiste en un teléfono, no para una plantilla que hace autoplay de todo.
Pósters, relaciones de aspecto y grids mixtas
Si tus stills corren en una cuadrícula cropped, los pósters de vídeo deberían compartir ese ratio: cover fill, no contain con letterbox. ArtInStack fuerza poster cover en mosaicos de galería para que el vídeo no abra una geometría distinta a las fotografías a su lado.
Las colecciones mixtas usan póster + badge de play y abren en lightbox (el vídeo no es una página de detalle de foto). El motion solo-vídeo puede reproducir el slide activo en línea. Los layouts journal limitan la altura de clips verticales para que un vídeo vertical no domine el scroll.
Esa decisión vive en La trampa del layout: relaciones de aspecto y CSS Grid. El peso y la nitidez de la imagen de póster pertenecen a Resolución frente a rendimiento para imágenes de portafolio.
Reproducción nativa frente a un embed conocido
ArtInStack trata el vídeo como parte de la misma superficie de publicación que las fotos (biblioteca Media → grids de portafolio, bloques de página y lightbox), no como un afterthought de embed añadido. Usa reproducción de plataforma cuando quieras control del chrome y la carga; usa YouTube o Vimeo cuando la distribución sea el producto.
Las reglas de color y layout de arriba siguen aplicando de cualquier modo. Prefiere un embed honesto a una promesa falsa de «un clic» cuando la distribución, no el chrome, es el trabajo.
El motion debe coincidir con la historia de las fotos
Elige el hosting a propósito, exporta el color de forma intencional y mantén los pósters en la misma familia de layout que tus fotografías.
Also in Guides: Trabajo público frente a privado · Transcodificación de vídeo a escala · Resolución frente a rendimiento para imágenes de portafolio