如何自动播放视频，例如flutter上的YouTube应用程序中的视频？

Question

我想创建一个像YouTube一样创建flutter应用程序，我希望我的应用程序具有无限的滚动卡列表，默认情况下，该卡将显示图像。如果用户停止滚动，则只有视口中的第一张卡就会开始播放视频。该视频只能在屏幕上可见时播放，并且一旦移出视口就应该停止。

例如：

我不知道我必须使用哪个包。 YouTube播放器会颤抖吗？

Answer 1

使用控制器添加listView。考虑一张高度200的卡。现在，如果控制器偏移量为800，则播放该800/200的视频。这是第四。您可以使用任何可以选择并停止视频的视频播放器软件包

Answer 2

您好检查此软件包并尝试测试它，以查看是否是您的解决方案。
https://pub.dev/packages/inview_notifier_list

Answer 3

使用 visibilityDetector 检测屏幕上的视频是否可见

 VisibilityDetector(
        key: 'your key',
        onVisibilityChanged: (visibility) {
          //if 80% of the video is visible on the screen
          if (visibility.visibleFraction > 0.0) {
            'play video';
          } else {
           'pause video';
          }
        },
        child: ClipRRect(
          borderRadius: BorderRadius.only(
            topLeft: Radius.circular(5.0),
            bottomLeft: Radius.circular(5.0),
          ),
          child: VideoPlayer(videoPlayerController!),
        ),
      ),