当我查看包含 YoutubePlayerController 的页面时,下一页停止工作

When I view a page that contains YoutubePlayerController, the next page stops working

问题

加载 YoutubePlayerIFrame 后下一页的小部件将不起作用。

例如,假设你我有A和B Stateful Widgets。 首先加载 A,其中 YoutubePlayerIFrame 被调用。 你可以在A点按按钮,但是当你移动到B点时,屏幕会在那里卡住。

我认为这是youtube_player_iframe的原因,但页面转换可能是原因,所以我会写详细信息。

详情

我正在使用 youtube_player_iframe 开发网络应用程序。 我在 A StatefulWidget.

中写了以下 YoutubePlayerIFrame
        YoutubePlayerIFrame(
          controller: YoutubePlayerController(
            initialVideoId: "NVzIALG7CUc",
            params: YoutubePlayerParams(
              showVideoAnnotations: false,
              autoPlay: false,
              startAt: Duration(seconds: 0),
              showControls: true,
              showFullscreenButton: false,
            ),
          ),
          aspectRatio: 16 / 9,
        ),

视频已正确显示。

页面转换

正在使用此代码加载其他页面;

runApp(MaterialApp(
 onGenerateRoute: (settings){
  Widget wid = Home();
   switch(settings.name){
     case ...........
   }

   return PageRouteBuilder(
    settings: settings,
    pageBuilder: (_, __, ___) => wid,
            transitionsBuilder: (_, a, __, c) =>
                FadeTransition(opacity: a, child: c));
)

然后调用这个;

  Navigator.of(context).pushReplacementNamed('/' + path);

当我从代码中删除 YoutubePlayerIFrame 时,它起作用了。

我该怎么办?

这是不正确的但是当我这样做时,效果更好。

只需在所有页面中粘贴 YoutubePlayerIFrame()

还需要回答...

我放弃使用youtube_player_iframe。

所以我决定用 webviewx 显示 YouTube 视频。 到目前为止效果更好。