Vertical video
Hello, we want to use VidzFlow for our client website, but they utilize a mix of vertical video and horizontal video, so we're trying to figure out how to make sure that our vertical videos show correctly (ie you can see the full video).
Right now, even though the video is vertical, it's still showing a 16:9 layout when embedded on Webflow via lightbox or when you open the direct link in browser (and then have to scroll)
Would love any recommendations anyone has to solve this or if this needs to be corrected at the Vidzflow level, please add it as a feature request.
Log in to comment and vote
Comments1
Sergej
Jul 8
Since your client's site mixes vertical and horizontal content, the cleanest approach is to serve two versions of the embed and swap based on viewport — horizontal video on desktop, vertical video on mobile (or wherever the layout is narrow). Most Webflow builds already have a breakpoint-based show/hide pattern for exactly this (desktop-only / mobile-only visibility classes), so you'd just duplicate the embed block, point one instance at the horizontal cut and one at the vertical cut, and toggle visibility per breakpoint. That guarantees each video is always shown in the aspect ratio it was actually shot in, full-frame, no scroll.