How to display videos with extreme aspect ratios?

[nathantew14]

I am trying to make sure that videos with extreme proportions can still be displayed properly.

With this code, the video is stretched to fill the screen width:

return ConstrainedBox(
      constraints: BoxConstraints(maxHeight: 600.h),
      child: BetterPlayer.file(
        videoFile.path,
        betterPlayerConfiguration: BetterPlayerConfiguration(
          aspectRatio: aspectRatio,
          deviceOrientationsAfterFullScreen: [
            DeviceOrientation.portraitUp,
            DeviceOrientation.portraitDown,
          ],
          autoDetectFullscreenDeviceOrientation: true,
          autoPlay: true,
        ),
      ),
    );

If I wrap the player in an AspectRatio, the video's proportions are maintained, but the player controls are also restricted by the AspectRatio and overflows as a result:

return ConstrainedBox(
      constraints: BoxConstraints(maxHeight: 600.h),
      child: Center(
        child: AspectRatio(
          aspectRatio: aspectRatio,
          child: BetterPlayer.file(
            videoFile.path,
            betterPlayerConfiguration: BetterPlayerConfiguration(
              aspectRatio: aspectRatio,
              deviceOrientationsAfterFullScreen: [
                DeviceOrientation.portraitUp,
                DeviceOrientation.portraitDown,
              ],
              autoDetectFullscreenDeviceOrientation: true,
              autoPlay: true,
            ),
          ),
        ),
      ),
    );

How do I maintain the video proportions like in the second screenshot, while allowing the video controls to fill the screen?