title: Why the Video is not fullscreen in VideoPlayer in flutter?
body: <p>I  copied and pasted the example of the <a href="https://pub.dev/packages/video_player" rel="nofollow noreferrer">VideoPlayer package</a> but on the web is not full screen, how can I solve this.</p>
  <p><strong>Example Code</strong></p>
  <pre class="lang-dart prettyprint-override"><code>import 'package:video_player/video_player.dart';
  import 'package:flutter/material.dart';
  
  class HomeScreen extends StatefulWidget {
    const HomeScreen({Key? key}) : super(key: key);
    @override
    _HomeScreenState createState() =&gt; _HomeScreenState();
  }
  
  class _HomeScreenState extends State&lt;HomeScreen&gt; {
    late VideoPlayerController _controller;
  
    @override
    void initState() {
      super.initState();
      _controller = VideoPlayerController.network(
          'https://assets.mixkit.co/videos/preview/mixkit-womans-hands-decorating-a-handmade-soap-2803-large.mp4')
        ..initialize().then((_) {
          // Ensure the first frame is shown after the video is initialized, even before the play button has been pressed.
          setState(() {});
        })
        ..play()
        ..setLooping(true);
    }
  
    @override
    Widget build(BuildContext context) {
      return MaterialApp(
        title: 'Video Demo',
        home: Scaffold(
          body: _controller.value.isInitialized
              ? AspectRatio(
                  aspectRatio: _controller.value.aspectRatio,
                  child: VideoPlayer(_controller),
                )
              : Container(),
        ),
      );
    }
  
    @override
    void dispose() {
      super.dispose();
      _controller.dispose();
    }
  }
  
  </code></pre>
  <p><strong>OutPut</strong><br />
  <a href="https://i.stack.imgur.com/pFPh5.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pFPh5.jpg" alt="enter image description here" /></a></p>