[BUG] First time calling play() from controller doesn't work and must be invoked twice.

[sidetraxaudio]

Describe the bug
When using external controls, calling play() to the controller does not start the video. The first call results in the thumbnail screen being displayed with the large red play button. It needs to be invoked again to start playing. This is a bug.

To Reproduce

• CREATE A CONTROLLER:

static const videoId = 'YvKOvyiAdAI';

final YoutubePlayerController ytController = YoutubePlayerController(
   initialVideoId: videoId,
   flags: const YoutubePlayerFlags(
     autoPlay: false,
     mute: false,
     showLiveFullscreenButton: false,
     useHybridComposition: false,
     hideControls: true,
     controlsVisibleAtStart: false,
     forceHD: false,
     enableCaption: false,
     disableDragSeek: true,
     hideThumbnail: true,
   ),
 );

• INVOKE PLAY() METHOD ON CONTROLLER:
  ytController.play()

• NOTES:
  Setting autoplay to true works as expected. Problem is evident when autoplay is set to false;

• This does NOT work:

ytController.play();
ytController.play();

• This DOES work but still results in thumbnail display before playing (bug)

ytController.play();
Future.delayed(const Duration(seconds: 2)).then((_) => ytController.play());
};

Expected behavior
Expect to set autoplay to false and when .play() invoked on controller the video will start immediately, not cue thumbnail and then requiring pressing play again.

Technical Details:

• Android 11 dev phone, but happens in emulator also.