Trouble with black bars shown when using Wistia video link

[Gyst]

my movie on the home page at gystusa.com has black horizontal bars displaying top and bottom. How do I remove these?

It’s a standard 1080 movie hosted by Wistia according to their specs for 1080 movies and looks fine when I view it via my Wistia account - screen shots attached here

---

Here is my public share link: LINK Webflow
([how to access public share link][2])

[2]: How to Enable a Webflow Share Link - Webflow Tips - Forum | Webflow

[cyberdave (Dave S.)]

Hi @Gyst, it looks like the movie is getting constrained by the 960px container, if the movie is moved out of the container into a full width section and set to 100% width, then the bars should go away on top and bottom.

I would also set the max width to be 1080px on the video, if that was the original video width.

Try that and see if it helps.

Here is another article that may help: How to Remove Black Bars from Your Video - Wistia Blog

At this page: List of True 16:9 Resolutions – Pacoup.com, it shows the resolutions for 1920x1080p highlighted in green. If the video is set to those dimensions, then the bar will also go away.

[Gyst]

Thanks Dave…I tried that and the bars were still present in a separate section at 100 percent.

I have a button with a link to Wistia in there for now, just so the site does not have the bars in the meantime.