title: How to implement Video Player with play/pause buttons without floating action button in flutter?
body: <p>I have a video file in my flutter application. I am playing that video with the help of video_player package from flutter. The video is playing perfectly, but according to their documentation the only way to have the pause/play buttons are floating action buttons. I want the pause/play button above the video and centre of it. Is there any way to do this?</p>
  <p>Following is my code:</p>
  <pre><code>void initState() {
      // TODO: implement initState
      super.initState();
  
        _controller = VideoPlayerController.network(
          imageapiurl + '/question/' + id + '/' + questionimageurl,
        );
  
        // Initialize the controller and store the Future for later use.
        _initializeVideoPlayerFuture = _controller.initialize();
  
        // Use the controller to loop the video.
        _controller.setLooping(true);
    }
  
  FutureBuilder(
                            future: _initializeVideoPlayerFuture,
                            builder: (context, snapshot) {
                              if (snapshot.connectionState ==
                                  ConnectionState.done) {
                                // If the VideoPlayerController has finished initialization, use
                                // the data it provides to limit the aspect ratio of the video.
                                return AspectRatio(
                                  aspectRatio: _controller.value.aspectRatio,
                                  // Use the VideoPlayer widget to display the video.
                                  child: GestureDetector(
                                      onTap: () {
                                        setState(() {
                                          // If the video is playing, pause it.
                                          if (_controller.value.isPlaying) {
                                            _controller.pause();
                                          } else {
                                            // If the video is paused, play it.
                                            _controller.play();
                                          }
                                        });
                                      },
                                      child: VideoPlayer(_controller)),
                                );
                              } else {
                                // If the VideoPlayerController is still initializing, show a
                                // loading spinner.
                                return Center(child: CircularProgressIndicator());
                              }
                            },
                          ),
  </code></pre>
  <p>Can someone please tell me how to add those buttons above the video?</p>