当我查看包含YoutubePlayerController的页面时，下一个页面停止工作 [英] When I view a page that contains YoutubePlayerController, the next page stops working

问题描述

问题

加载YoutubePlayerIFrame后，下一页上的小工具将不起作用。

例如，假设我有A和B有状态小部件。 首先加载A，其中调用YoutubePlayerIFrame。 您可以按A中的按钮，但当您移动到B时，屏幕在那里冻结。

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

详细信息

我正在使用youtube_player_iframe开发Web应用程序。 我在AStatefulWidget中编写了以下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时，它起作用。

我应该做什么？

推荐答案

我放弃使用Youtube_Player_IFRAME。

所以我决定用webviewx显示YouTube视频。 到目前为止，这个方法运行得更好。

这篇关于当我查看包含YoutubePlayerController的页面时，下一个页面停止工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！