youtube iframe api没有在离子应用中加载，但在重新加载页面时，它的工作原理

Question

我在离子侧面菜单应用程序中使用youtube iframe api，当从侧面菜单加载模板时，它不会显示视频播放器，但是一旦我按下Chrome浏览器的重新加载按钮或按ctrl+f5我就能看到玩家。

以下是我的代码：

＆＃13;

＆＃13;

     var tag = document.createElement('script');
    tag.src = "https://www.youtube.com/iframe_api";
    var firstScriptTag = document.getElementsByTagName('script')[0];
    firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
    var player;
    function onYouTubeIframeAPIReady() {
                  player = new YT.Player('player', {
                  height: '390',
                  width: '640',
                  videoId: 'M7lc1UVf-VE',
                  events: {
                          'onReady': initialize
                                }
                    });
            }
   
function initialize(){
                  console.log("init");
                                    }

＆＃13;

<ion-view>
    <ion-content>
                 <br/><br/>
                <div id="player"></div>
                <div id="slider-6"></div><br/><br/>
                <div id="button"></div>
                <div id="id"></div>
    </ion-content>
</ion-view>

＆＃13;

＆＃13;

＆＃13;