In Flutter how do I make this Dialog() pop-up box play video, like the AlertDialog()? - flutter

Question

My video_player.dart file is working as expected. If I call my VideoPlayerApp() in an AlertDialog() box it works well, but I have few customizable options for the look I need.
body: Center(
child: ElevatedButton(
child: Text("Open Alert Box"),
onPressed: () {
showDialog(
context: context,
builder: (context) => AlertDialog(
title: Text("Alert Box"),
content: VideoPlayerApp(),
actions: [
TextButton(
child: Text("Exit"),
onPressed: () => Navigator.pop(context),
),
],
),
);
},
),
),
If I use a Dialog() box to do the same video playback as Flutter documentation suggest (says it can do what the AlertDialog() can do and more), the scene just does the dark shadow back drop over the entire browser content in Chrome and I have to hot start to get out. The box works great if I comment out the VideoPlayerApp(), but with it, a crash without errors. It doesn't work running in the other platforms either (iOS, MacOS, Android). I have played with box sizes and aspect ratio, but same output.
body: Center(
child: Center(
child: ElevatedButton(
onPressed: () {
showDialog(
context: context,
builder: (BuildContext context) {
return Dialog(
shape: RoundedRectangleBorder(
borderRadius:
BorderRadius.circular(20.0)),
child: SizedBox(
height: 800,
width: 500,
child: Padding(
padding: const EdgeInsets.all(15.0),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
const VideoPlayerApp(),
SizedBox(
width: 220.0,
child: ElevatedButton(
onPressed: () => Navigator.pop(context),
child: const Text(
"Exit",
style: TextStyle(color: Colors.white),
),
),
),
],
),
),
),
);
});
I appreciate any help making this work, thanks you!!!