Flutter：视频在 Chewie 视频播放器组件中无法正确显示

Question

除非我手动进入全屏并退出全屏，否则视频在我这边无法正确显示，真的不确定是什么问题。下面是当我单击上一屏幕中的按钮时导航到的屏幕的代码，以及屏幕截图

import 'package:flutter/material.dart';
import 'package:chewie/chewie.dart';
import 'package:video_player/video_player.dart';

class VideoPlayer extends StatefulWidget {
  const VideoPlayer({
    Key? key,
  }) : super(key: key);

  @override
  State<VideoPlayer> createState() => _VideoPlayerState();
}

class _VideoPlayerState extends State<VideoPlayer> {
  final chewieController = ChewieController(
    videoPlayerController: VideoPlayerController.network(
        'https://flutter.github.io/assets-for-api-docs/assets/videos/butterfly.mp4'),
    autoPlay: false,
    maxScale: 1,
    looping: false,
  );

  @override
  void initState() {
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        body: Center(
            child: Chewie(
      controller: chewieController,
    )));
  }

  @override
  void dispose() {
    chewieController.dispose();
    super.dispose();
  }
}

Answer 1

我宁愿建议您尝试使用BetterPlayer ，而不是 Chewie 。它具有更多的功能，并且在许多场景下都表现出色。

我自己曾与几个播放器合作过，包括 Chewie、BetterPlayer、FlickVideoPlayer、VideoPlayer 等。其中我发现 BetterPlayer 能够更好地处理视频文件，包括字幕和音轨选择等。