This is a bug in FlutterFlow that I reported a couple months ago.

I wound up creating a custom widget. Go to pub.dev, https://pub.dev/packages/video_player

I made some customizations to it. See below.
// Automatic FlutterFlow imports\nimport '/backend/backend.dart';\nimport '/backend/schema/structs/index.dart';\nimport '/flutter_flow/flutter_flow_theme.dart';\nimport '/flutter_flow/flutter_flow_util.dart';\nimport '/custom_code/widgets/index.dart'; // Imports other custom widgets\nimport '/custom_code/actions/index.dart'; // Imports custom actions\nimport '/flutter_flow/custom_functions.dart'; // Imports custom functions\nimport 'package:flutter/material.dart';\n// Begin custom widget code\n// DO NOT REMOVE OR MODIFY THE CODE ABOVE!\n\nimport 'package:video_player/video_player.dart';\n\nclass VideoPlayer1Widget extends StatefulWidget {\n  final double? width;\n  final double? height;\n  final String videoUrl;\n\n  const VideoPlayer1Widget({\n    Key? key,\n    this.width,\n    this.height,\n    required this.videoUrl,\n  }) : super(key: key);\n\n  @override\n  State<VideoPlayer1Widget> createState() => _VideoPlayer1WidgetState();\n}\n\nclass _VideoPlayer1WidgetState extends State<VideoPlayer1Widget> {\n  late VideoPlayerController _controller;\n  bool _isMuted = true; // Initial mute state\n\n  @override\n  void initState() {\n    super.initState();\n    _controller = VideoPlayerController.network(widget.videoUrl)\n      ..initialize().then((_) {\n        setState(() {});\n        _controller.setLooping(true);\n        _controller.setVolume(0);\n        _controller.play();\n      }).catchError((e) {\n        print('Error initializing video player: $e');\n      });\n  }\n\n  void _toggleMute() {\n    setState(() {\n      _isMuted = !_isMuted;\n      _controller.setVolume(_isMuted ? 0 : 1);\n    });\n  }\n\n  @override\n  Widget build(BuildContext context) {\n    bool isDarkMode = Theme.of(context).brightness == Brightness.dark;\n\n    return Scaffold(\n      backgroundColor: Colors.transparent,\n      body: _controller.value.isInitialized\n          ? Stack(\n              children: [\n                Container(\n                  width: widget.width ?? MediaQuery.of(context).size.width,\n                  height: widget.height ?? MediaQuery.of(context).size.height,\n                  child: FittedBox(\n                    fit: BoxFit.cover,\n                    child: SizedBox(\n                      width: _controller.value.size?.width ?? 0,\n                      height: _controller.value.size?.height ?? 0,\n                      child: VideoPlayer(_controller),\n                    ),\n                  ),\n                ),\n                Positioned(\n                  bottom: 8, // Adjust position as needed\n                  right: 8, // Adjust position as needed\n                  child: Container(\n                    width: 30.0, // Set the circle size to 30px\n                    height: 30.0, // Set the circle size to 30px\n                    child: FloatingActionButton(\n                      onPressed: _toggleMute,\n                      child: Icon(\n                        _isMuted\n                            ? Icons.volume_off_rounded\n                            : Icons.volume_up_rounded,\n                        size: 16.0, // Set the icon size to 16px\n                        color: Colors.black,\n                      ),\n                      mini: true, // Use mini size for smaller button\n                      backgroundColor: Colors.white.withOpacity(0.7),\n                      elevation: 0,\n                    ),\n                  ),\n                ),\n              ],\n            )\n          : Center(\n              child: SizedBox(\n                width: 20, // Smaller spinner size\n                height: 20,\n                child: CircularProgressIndicator(\n                  color: isDarkMode ? Color(0xFE242C37) : Color(0xFEF6F6F9),\n                ),\n              ),\n            ),\n    );\n  }\n\n  @override\n  void deactivate() {\n    _controller.setVolume(0); // Mute the video when navigating away\n    super.deactivate();\n  }\n\n  @override\n  void dispose() {\n    _controller\n        .dispose(); // Dispose of the controller when the widget is removed\n    super.dispose();\n  }\n}
Why does my video look cropped once published?
