Repository: flutter
Issue: [video_player] Volume Gesture lagging pre loaded multiple video on android 
Labels: platform-android,p: video_player,package,has reproducible steps,P2,found in release: 2.8,found in release: 2.9,team-android,triaged-android

I am trying to pre-load multiple videos using  ```preload_page_view```  so as the reduce the time of initialization.
I did like this:

```
 PreloadPageView.builder(
                                controller:_controller,
                                onPageChanged: (int position) {
                                  videosProvider.currentVideo = position;
                                },
                                itemCount: postList!.length,
                                pageSnapping: true,         
                                scrollDirection: Axis.vertical,
                                preloadPagesCount: 4,
                                itemBuilder: (context, pageIndex) {
                                return  ClipVideoWidget(
                                          media: media,
                                          index: pageIndex,
                                          key: Key(postList![pageIndex].postId),
                                        );})
                                  
```
and here goes the videoPlayerWdiget:

```
 late VideoPlayerController _controller;
  bool initialized = false;

  initiliazeVideo() {
    if (widget.media.type == 'video') {
      _controller = VideoPlayerController.network(
           widget.media.mediaUrl)
        ..initialize().then((_) {
          if (mounted)
            setState(() {
              _controller.setLooping(true);
              initialized = true;
            });
        });
    }
  }

  @override
  void initState() {
    initiliazeVideo();
    super.initState();
  }

  @override
  void dispose() {
    if (initialized) {
      initialized = false;
      _controller.dispose();
    }
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    VideosProvider videosProvider = Provider.of(context);
    if (_controller.value.isInitialized) {
      if (videosProvider.currentVideo == widget.index) {
        _controller.play();
      } else {
        _controller.pause();
        _controller.seekTo(Duration(seconds: 0));
      }
      _controller.setLooping(true);
    }
    return Container(
      height: MediaQuery.of(context).size.height,
      width: MediaQuery.of(context).size.width,
      color: Colors.black,
      child: initialized
          ? SizedBox.expand(
              child: FittedBox(
                fit: widget.media.height! / widget.media.widht! < 1.4
                    ? BoxFit.fitWidth
                    : BoxFit.cover,
                child: SizedBox(
                  width: _controller.value.size.width,
                  height: _controller.value.size.height,
                  child: VideoPlayer(_controller),
                ),
              ),
            )
          : Center(child: KCircularIndicator()),
    );
```

**The issue is**
On android when the user swipes the volume gesture button to handle the volume, the video starts lagging

here's an example: 

https://user-images.githubusercontent.com/52111130/149619056-184482e1-7210-45f5-86ed-19f5b4bafc83.mp4