[BUG] Lack of SafeArea when video is in full screen

[keithcwk]

@sarbagyastha Hope you can look into this issue

Describe the bug A SafeArea widget should be used when the video is played in fullscreen, especially portrait videos. Attached some screenshots in the sections below to illustrate the issue. To resolve this, I would suggest wrapping the YoutubePlayer widget with a SafeArea widget when the player is in full screen

One thing to note however, is that, we might want to change the SafeArea params of left and right to be false, so that it does not compress the video at the sides when the video is played fullscreen horizontally

youtube_player.dart

 @override
  Widget build(BuildContext context) {
    Widget player = WebViewWidget(
      controller: _controller.webViewController,
      gestureRecognizers: widget.gestureRecognizers,
    );

    if (widget.enableFullScreenOnVerticalDrag) {
      player = GestureDetector(
        onVerticalDragUpdate: _fullscreenGesture,
        // suggested change here
        child: SafeArea(left: false, right : false, player),
      );
    }

    return OrientationBuilder(
      builder: (context, orientation) {
        return AspectRatio(
          aspectRatio: orientation == Orientation.landscape
              ? MediaQuery.of(context).size.aspectRatio
              : widget.aspectRatio,
          child: player,
        );
      },
    );
  }

To Reproduce

• Add DeviceOrientation.portraitUp as one of the orientation to the YoutubePlayerScaffold
• Play a video that is vertical example on a device that has a notch (e.g. iPhone 14 Pro Max, or any Android devices with notches)
• Open the video in full screen

Expected behavior

• There should be a SafeArea widget that helps prevent this issue

Screenshots	Without SafeArea	With SafeArea

SafeArea with left and right true	SafeArea with left and right false

Technical Details:

• Device: iPhone 14 Pro Max simulator
• youtube_player_iframe: Latest master

Additional context Add any other context about the problem here.

[Sovann72]

hope this will get update!

[motasimfuad]

@sarbagyastha any update on this?

[hasnainelahi]

any update on this?

[Jeffrey-R]

Is there a reason to not apply a SafeArea wrapper yourself? It seems that some folks would want a true full screen mode.

[ConnorDykes]

If anyone needs a solution to this I adjusted the aspect ratio of the player and it made the video more visible return YoutubePlayerBuilder( player: YoutubePlayer( aspectRatio: 21 / 9, controller: _controller, ), builder: (context, player) {