Black Border Around Video Content

Submitted by SRich on Mon, 05/04/2020 - 14:14

Forums:

Hi, I have been been using H5P sporadically during 2020 and this is my first post here. Please forgive my ignorance or if my issue has been previously discussed.

I have deployed various MP4 files to some slides across a H5P presentation. I have removed the player controls from all MP4s and have also set them all to 'auto play' and 'loop'.

The functionality of the MP4 content is not the issue it is the way that that it is presented within the browser (have tested across both Edge and Chrome). The video files are not a standard size. Some appear perfectly on the page yet others have black space around the outside of them (some across 2 sides, some 1) Image below is an example, black cladding to the right side of the video :

Can anyone advise how to remove the above line? I imagine this will require me to resize the mp4 itself (which I've tried within H5P).

My question is does any one know if there are safe dimension ratios for the video to appear borderless?

First post so go easy if this is a rookie mistake! :)

Thanks for any help in advance people

Peace (and stay safe)

Content types:

Video

otacke

Mon, 05/04/2020 - 21:55

Permalink

Hi SRich!Course Presentation

Hi SRich!

Course Presentation have a ratio of 2:1, (yes, quite weird), but you will never be able to have a video's dimensions suit all devices and platforms. There are multiple aspect ratios for displays and H5P (and most other software) doesn't crop videos automatically just for the sake of filling the whole screen.

Best,

Oliver

SRich

Wed, 05/06/2020 - 10:09

Permalink

Thanks for the help Oliver.So

Thanks for the help Oliver.

So just to clarify, the random black borders that display around embedded video are unavoidable within H5P?

It just makes the resource appear somewhat unprofessional and 'unfinished' in my opinion. I may have to reconsider this product.

Mnay thanks

otacke

Wed, 05/06/2020 - 12:55

Permalink

Hi SRich!As mentioned, the

Hi SRich!

As mentioned, the background of Course Presentations has a ratio of 2:1 and I assume that videos with the same aspect ratio fit well.

However, there will always be black borders with any video player (that doesn't crop the video) in some situations. Have you ever tried to watch a 1920x1080 YouTube video on a 1920x1200 screen in full screen mode? You'll get horizontal black borders.