Amos Vizer i created a custom widget, refer the below code :

// Automatic FlutterFlow imports

import '/backend/backend.dart';

import '/backend/schema/structs/index.dart';

import '/actions/actions.dart' as action_blocks;

import '/flutter_flow/flutter_flow_theme.dart';

import '/flutter_flow/flutter_flow_util.dart';

import '/custom_code/widgets/index.dart'; // Imports other custom widgets

import '/flutter_flow/custom_functions.dart'; // Imports custom functions

import 'package:flutter/material.dart';

// Begin custom widget code

// DO NOT REMOVE OR MODIFY THE CODE ABOVE!

import 'package:video_player/video_player.dart';

import 'package:chewie/chewie.dart';

class CustomVideoPlayer extends StatefulWidget {

final String videoUrl;

final bool autoplay;

final bool looping;

final bool showControls;

final bool allowFullScreen;

final bool allowPlaybackSpeedChange;

final double? width;

final double? height;

const CustomVideoPlayer({

Key? key,

required this.videoUrl,

this.autoplay = false,

this.looping = false,

this.showControls = true,

this.allowFullScreen = true,

this.allowPlaybackSpeedChange = false,

this.width,

this.height,

}) : super(key: key);

@override

CustomVideoPlayerState createState() => CustomVideoPlayerState();

}

class _CustomVideoPlayerState extends State<CustomVideoPlayer> {

late VideoPlayerController _videoPlayerController;

ChewieController? _chewieController;

@override

void initState() {

super.initState();

_initializePlayer();

}

Future<void> _initializePlayer() async {

_videoPlayerController = VideoPlayerController.network(widget.videoUrl);

await _videoPlayerController.initialize();

_chewieController = ChewieController(

videoPlayerController: _videoPlayerController,

aspectRatio: _videoPlayerController.value.aspectRatio,

autoPlay: widget.autoplay,

looping: widget.looping,

showControls: widget.showControls,

allowFullScreen: widget.allowFullScreen,

allowPlaybackSpeedChanging: widget.allowPlaybackSpeedChange,

);

setState(() {});

}

@override

void dispose() {

_videoPlayerController.dispose();

_chewieController?.dispose();

super.dispose();

}

@override

Widget build(BuildContext context) {

return Container(

width: widget.width ?? double.infinity,

height: widget.height ?? 200,

child: _chewieController != null &&

_chewieController!.videoPlayerController.value.isInitialized

? Chewie(controller: _chewieController!)

: Center(

child: CircularProgressIndicator(),

);

}

Video in videoplayer not rendering properly