90° Video Player NEED HELP, CLIENTS ARE SEEING THIS PROBLEM!

[TheBestLevel]

Can we access your project?

• [X] I give permission for members of the FlutterFlow team to access and test my project for the sole purpose of investigating this issue.

Current Behavior

I am showing videos that I upload from the upload video option in Flutterflow. When I want to show them in a video player, in run mode and test mode they look fine as they should. The problem lies when you watch them on Android or iPhone since the videos recorded vertically are rotated by 90°.

I have tried to solve this with my own widgets but still no luck, I also tried various combinations such as introducing the video player in a row and expanding it as some forums said but still without luck.

Expected Behavior

I hope that the vertical video looks centered with black bands on the sides as in the reference photos of how it looks in test and run mode

Steps to Reproduce

1. Create a new page with a column scrollable
2. Inside the column a row with use a minimum amount of size not scrolable
3. Inside the row enter a video player with dimensions: 95% and 250 px; video type: Network: https://firebasestorage.googleapis.com/v0/b/bestlevelv1-61d97.appspot.com/o/users%2FKnRCqKaVZIVJyrwIbGJcuKfaSJ62%2Fuploads%2F1723867115226000.mp4?alt=media&token=5f9e789c-7ff1-4 10a-8660 -4b1da641127d 4.LoopVideoOn; Show Controls On; Allow Full Screen On; LoadOnPageLoadOn; Pause On Forward Navigation On; Expansion Default
4. Download apk and see the difference between run mode/test mode and behavior on cell phone

Reproducible from Blank

• [X] The steps to reproduce above start from a blank project.

Bug Report Code (Required)

IT4wl/Llz5d1octY7ar+cfpVijgsIjp/RLhEmsFueCs/CYDuBJkQefjRfkppXdOrdghEOmGJvDk0wN7Fm9z1LfldHyeaGd16yM1+VRaXZEyuRbbXOquRP0REGshMBXXC5JiJpSRROttYLUItwziIJuq/fADtJZTtDEcwDfGZMp/XmAfuQ0SLb3kNh1JWeC/v

Visual documentation

This is how it looks in Run Mode within flutterflow:

and This is how it looks in Android:

Environment

- FlutterFlow v4.1.81+ released August 6, 2024
- Platform: Web Run/Test Mode and Android
- Browser name and version: Versión 127.0.6533.120 (Build oficial) (64 bits)
- Operating system and version affected:

Additional Information

I show you the videos that my clients upload after 2 days and they are telling me that they look super bad and deformed, greatly affecting the image of professionalism that we deliver. It looks like a cheap product.

[paulperez-dev]

Hi @TheBestLevel! Sorry for the late response. I was able to reproduce this issue. I will send it to the ENG team so they can take a look at this!

[TheBestLevel]

Thanks i will wait because i need help fixing this issue. Let me know as fast as possible

[paulperez-dev]

The ENG team will let you know when it is fixed.

In the meantime, try creating a custom widget with different video players from pub.dev

[TheBestLevel]

Any news on this?

[webdevppl]

Hi

I am facing the same issue. The videoplayer is in portrait mode but the video is in landscape mode.

[mixart]

I hope the team is able to support vertical video formats while working on this. I was kinda shocked this isn't possible with the FF video player.

[TheBestLevel]

I was also surprised. They really are taking a long time to do something about it! It's not the end of the world, but my clients have told me it looks very strange. Something has to be done about it, it is something very basic that should be well implemented