Flutter如何实现类似YouTube App的滚动视频自动播放功能？

youtube_player_flutter 完全可以满足你这套交互的播放能力需求，但它本身不内置列表滚动联动的自动播放逻辑，视口检测、滚动状态判断、播放触发/停止的规则需要你自己配合少量工具类组件实现，不需要换其他YouTube播放相关依赖。

• 视口与滚动状态检测：不需要手写复杂的滚动位置计算，直接搭配visibility_detector和列表自带的ScrollController就能拿到两个核心判断依据：一是列表当前是否处于滚动停止状态（通过scrollController.position.activity.isIdle即可判断），二是每个卡片在屏幕视口内的可见占比。
• 播放逻辑按以下规则实现即可：
  1. 列表滚动过程中，所有卡片统一展示封面图，不初始化任何播放器实例，最大程度降低滚动时的性能消耗
  2. 监听到滚动停止后，遍历当前所有在视口内的卡片，找到位置最靠上、可见面积最大的第一张卡片，临时挂载YoutubePlayer组件、初始化对应视频并触发自动播放，其余视口内的卡片仍然保持封面展示
  3. 给当前正在播放的卡片绑定可见性监听，一旦检测到卡片的可见占比低于你设定的阈值（比如小于50%、完全滑出视口），立刻调用播放器控制器的暂停、销毁方法，卸载播放器组件切回封面状态
• 性能优化要点：整个列表全局同一时间只保留一个活跃的播放器实例，非播放状态的卡片不要提前初始化播放器，滑出视口的播放器必须立刻释放资源，避免长列表场景下内存泄漏、多个视频同时出声的问题。

• 不要选youtube_player_iframe做这个场景，它基于内嵌webview实现，放在长列表里滚动很容易出现掉帧、触摸事件冲突的问题，优先选原生渲染的youtube_player_flutter作为播放内核
• 记得提前配置平台参数：安卓端开启硬件加速，iOS端在Info.plist中打开内联播放权限，不然视频会自动触发全屏跳转，不符合你要的卡片内播放效果
• 不要给列表项复用播放器控制器，每个卡片的控制器要随播放器组件的挂载/卸载单独创建和销毁，避免状态错乱。

内容的提问来源于stack exchange，提问作者VishnuKc