Portfolio·Guide

Video-first portfolio presentation

Most “video portfolio” articles only ask which host wins. Photographers-turned-videographers hit a different problem: the clip looked right in Premiere, then wrong in the player, then wrong again on the site. The autoplay hero that inspired you is punishing mobile clients.

Before you press play

Four decisions that change how video feels on the page

  1. Host with intent

    YouTube: reach and cost. Vimeo: cleaner player and business features. Native playback on your platform (ArtInStack uses Bunny Stream behind a unified player): control of chrome, posters, and surrounding UI. Pick for the job, not the blog sponsor.

  2. Export Rec. 709 on purpose

    Edit in a serious working space; convert intentionally for web distribution. Absent color management in your export, the same footage disagrees with itself across NLE, file, and player. No portfolio page can invent that discipline for you.

  3. Autoplay is a budget choice

    Muted looping heroes look premium in inspiration galleries. They also cost data, attention, and Core Web Vitals headroom. Click-to-play gallery entries are often the kinder default.

  4. Posters share geometry with stills

    A mixed portfolio grid fails when video tiles ignore the aspect rules you set for photographs. Poster frames are layout citizens. See the layout-trap guide.

Hosting tradeoffs, without the affiliate fog

YouTube is hard to beat for free hosting and accidental discoverability. Vimeo is more at home when you care about player chrome, logo-free playback, and lead capture. Neither gives you full control of how the embed sits inside a designed portfolio page.

Native playback on ArtInStack (Bunny Stream encoding + a unified player) is the path when surrounding UI, posters, lazy-loading, and brand chrome matter as much as the file. Wait for the video to finish encoding before you expect a clean poster and HLS playback. That readiness gate is part of the product, not a mystery.

The color problem nobody in gallery marketing explains

Photographers already know stills can shift between Lightroom and the browser. Video adds more hops. Shape the image in a high-quality working space while you edit; then convert deliberately toward Rec. 709 for typical web distribution.

When that conversion is accidental, you get the classic complaint: it looked right in the timeline, different on export, and different again in the host’s player. Treat Rec. 709 as export practice you own, not a platform color-management feature. A serious site’s job is to avoid inventing a fourth render via CSS filters or mismatched poster grades.

Autoplay by surface

Muted, looping background video can set tone quickly. It also downloads whether the visitor cares, competes with stills for bandwidth, and raises accessibility expectations (controls, reduced-motion preferences, captions where speech matters).

ArtInStack treats autoplay as a surface decision, not one global switch: section video backgrounds and hero video can autoplay muted; gallery tiles and Video Lightbox blocks are click-to-play; lightbox settings control mute/loop once open; motion templates with video-only sets play the focused stage slide muted inline. Mixed still+video motion stays on posters until lightbox.

For most mixed grids, click-to-play is the deliberate default. Save autoplay for a single hero moment you measured on a phone, not a template that autoplays everything.

Posters, aspect ratios, and mixed grids

If your stills run in a cropped grid, video posters should share that ratio: cover fill, not letterboxed contain. ArtInStack forces poster cover on gallery tiles so video does not open a different geometry than the photographs beside it.

Mixed collections use poster + play badge and open in lightbox (video is not a photo detail page). Video-only motion can play the active slide inline. Journal layouts height-cap portrait clips so one vertical video does not dominate the scroll.

That decision lives in The layout trap: aspect ratios and CSS grids. Weight and sharpness of the poster image belong with Resolution vs performance for portfolio images.

Native playback vs a known embed

ArtInStack treats video as part of the same publishing surface as stills (Media library → portfolio grids, page blocks, and lightbox), not a bolted-on embed afterthought. Use platform playback when you want control of chrome and loading; use YouTube or Vimeo when distribution is the product.

The color and layout rules above still apply either way. Prefer an honest embed over a fake “one click” promise when distribution, not chrome, is the job.

Motion should match the stills story

Choose hosting on purpose, export color intentionally, and keep posters in the same layout family as your photographs.

Also in Guides: The layout trap: aspect ratios and CSS grids · Resolution vs performance for portfolio images · Choosing the right platform

All Portfolio guides · Guides home