Skip to main content
Removing black bars from your video
Elien Kersjes avatar
Written by Elien Kersjes
Updated over a year ago

Does your video look like this? You probably don't want to see those black bars. Fortunately, there are solutions.

Vertical video

Follow these steps if you uploaded a vertical video .

Aspect ratio

How was your video exported? By default, videos have an aspect ratio of 16:9. This is the ratio between the height and length of the video. When you film or edit a video you choose a setting that fits this ratio. For example 1920*1080p. The black bars will be added if you upload another format like 9:16 or 1:1. What is the solution? Change the ratio of the video before you upload it to hihaho.

At the moment we're working on adding vertical portrait mode videos in hihaho. Contact us for more info if you're interested.

Adjust the embed-code

Do you get black bars only after embedding your video? Then this is probably due to the publication settings of your interactive video. By default, the playerbar is placed over the video. Did you set the playerbar to be fixed under the video? Then you need to adjust the embed code a bit, so that the embed code is correct. In most cases, this will remove the black bars.

Add this to your embed-code

padding-top: 42px;

This will result in an adjusted embed-code like this one:

<div style="position: relative !important; padding-bottom: 56.25% !important; height: 0px !important; overflow: hidden !important; max-width: 100% !important; padding-top: 42px;">
<iframe src="https://player.hihaho.com/embed/bef7a84f-e83d-47a7-b55a-06cd1beeaa8a" style="position: absolute !important; top: 0px !important; left: 0px !important; width: 100% !important; height: 100% !important;" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>

Did this answer your question?