You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

使用youtube_player_iframe时单视频播放列表无法播放问题

youtube_player_iframe 3.1.0 单视频播放列表加载异常问题

使用youtube_player_iframe 3.1.0版本,完全复刻官方示例应用,仅修改initState()方法将自有视频加入播放列表(设置startSeconds: 0)。出现以下异常:

  • 当播放列表仅包含该视频时,YouTube缩略图不显示;
  • 点击播放按钮会弹出错误:An error occurred. Please try again later. (Playback ID: qpAJu2DzWFdK9whg);
  • 只要在播放列表中添加至少一个其他视频,该视频就能正常加载并播放。

测试视频ID:FC4x8mdbbXE

无法正常运行的initState()代码:

@override
void initState() {
  super.initState();
  _controller = YoutubePlayerController(
    params: const YoutubePlayerParams(
      showControls: true,
      mute: false,
      showFullscreenButton: true,
      loop: false,
    ),
  )
    ..onInit = () {
      _controller.loadPlaylist(
        list: [
          'FC4x8mdbbXE', // <-- 列表仅含此视频时无法正常运行
          // 'tcodrIK2P_I',
          // 'nPt8bK2gbaU',
          // 'K18cpp_-gP8',
          // 'iLnmTe5Q2Qw',
          // '_WoCV4c6XOE',
          // 'KmzdUe0RSJo',
          // '6jZDSSZZxjQ',
          // 'p2lYr3vM_1w',
          // '7QUtEmBT_-w',
          // '34_PXCzGw1M',
        ],
        listType: ListType.playlist,
        startSeconds: 0,
      );
    }
    ..onFullscreenChange = (isFullScreen) {
      log('${isFullScreen ? 'Entered' : 'Exited'} Fullscreen.');
    };
}

可正常运行的initState()代码:

@override
void initState() {
  super.initState();
  _controller = YoutubePlayerController(
    params: const YoutubePlayerParams(
      showControls: true,
      mute: false,
      showFullscreenButton: true,
      loop: false,
    ),
  )
    ..onInit = () {
      _controller.loadPlaylist(
        list: [
          'FC4x8mdbbXE', // <-- 自有视频
          'tcodrIK2P_I', // <-- 添加至少一个其他视频即可正常运行
          // 'nPt8bK2gbaU',
          // 'K18cpp_-gP8',
          // 'iLnmTe5Q2Qw',
          // '_WoCV4c6XOE',
          // 'KmzdUe0RSJo',
          // '6jZDSSZZxjQ',
          // 'p2lYr3vM_1w',
          // '7QUtEmBT_-w',
          // '34_PXCzGw1M',
        ],
        listType: ListType.playlist,
        startSeconds: 0,
      );
    }
    ..onFullscreenChange = (isFullScreen) {
      log('${isFullScreen ? 'Entered' : 'Exited'} Fullscreen.');
    };
}

内容的提问来源于stack exchange,提问作者gh-pap

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.10 16:05:21