如何使颤振视频播放器响应？

Posted 2023-02-23

【中文标题】如何使颤振视频播放器响应？

【英文标题】：how to make flutter video player responsive?

【发布时间】：2021-10-28 18:24:10

【问题描述】：

我试图制作一个默认播放视频的网页，但在全屏 看起来不错，但在更改大小时它变得最差。喜欢这张图片如何解决这个问题

class WelcomePage extends StatefulWidget 

VideoPlayerController? _videoCOntroller;

@override
void initState() 
super.initState();
  _videoCOntroller!.initialize().then((value) 
  _videoCOntroller!.play();
  _videoCOntroller!.setLooping(true);
);

@override
Widget build(BuildContext context) 
final size = MediaQuery.of(context).size;
return Scaffold(
  body: Column(
    children: [
      Stack(
        children: [
          Container(
            color: Colors.amber,
            height: size.height,
            width: size.width,
            child: FittedBox(
              fit: BoxFit.cover,
              child: Container(
                height: size.height,
                width: size.width,
                child: VideoPlayer(_videoCOntroller!),
              ),
            ),
          
          ),
          Positioned(
            height: size.height,
            width: size.width,
            child: 
                child:
                                        
                           
                               

【参考方案1】：

您将 size.width 设置为 Container 的高度，而不是 size.height：

          child: Container(
            height: size.width,
            width: size.width,
            child: VideoPlayer(_videoCOntroller!),
          ),

如果改变它不能解决你的问题。将 BoxFit.cover 更改为 BoxFit.fill。

编辑 1： 我认为这是一个错误。关于android的问题将通过video_player 2.1.6解决，但我不知道web的情况。您可能想结帐this issue on github

【讨论】：

我两个都做了，没有任何改变