How to get app to detect a 1920x1080p video and show that video with blackbars?

Widgets & Design

Hello,

I have made a home page of a video scroller, similar to what you might see on Tiktok and Instagram reels.

However, when a user uploads a video that is 1920x1080, it is only displaying the middle portion of the video.

To achieve my desired page for the video scroller, I have added the video player to a page view, I have auto play on, loop video on, allow full screen off, show controls off and load on page load on.

What can i do to ensure the video either has black bars or rotate if the video playing is detected to be too large for the screen it is showing on.

If anyone can tell me how to pause or mute on tap of the video without showing controls, that would be great.

What have you tried so far?

I have tried removing the page view, this stopped me from being able to scroll the videos.

I have tried showing the controls, but I do not want controls to show.

Allow full screen didn't change anything.

Did you check FlutterFlow's Documentation for this topic?
No
1
3 replies