Videos don't fit on screen! Vertical axis

[gkp1]

I'm not sure if this is known, couldn't find in issues.

Videos recorded on phones (bad proportions) don't get resized to my correct screen size for some reason.

Resizing the whole webpage is needed to see the lower part of the video and video controls.

I have 1600x900 screen, on Windows, using firefox (latest version) only extension is ublock origin but it's turned off for the website. If more info is needed lmk!

attached images: normal resolution and 80% zoom to be able to see the whole thing

[evgeny-nadymov]

Thanks for the report, will be fixed.

[erayrafet]

@evgeny-nadymov Well, I did investigate this issue and I found a few workarounds:

1. Changing the position attribute to absolute for .player-content.

2. Limiting the .player-content height to 80%, but I have no idea how well this could work with various videos in different aspect ratios.

3. Position attribute to absolute for .media-viewer-footer element.

4. Hiding the .media-viewer-footer-commands div which we don't want, I guess.

5. Position: absolute for .media-viewer-content.

Though, the captions are still chopped or are they intentionally missing? The best fix is the first since it keeps the to elements visible. Make note that I am no expert and quite new to CSS and all.

[erayrafet]

@evgeny-nadymov Another apparent problem in this section of the app is that, in the instance where there are captions/text posted with an image or a video, they cover up the said file in the viewport. Deploying a layout similar to Google Drive on wide-screen displays with the caption on the right would be a viable solution. Do let me know what you think.