API-интерфейс YouTube iframe не загружается в ионное приложение, но при перезагрузке страницы, это работает

Я использую youtube iframe api в приложении ionic sidemenu, и когда шаблон загружается из бокового меню, он не показывает видеоплеер, но как только я нажимаю кнопку перезагрузки браузера Chrome или нажимаю ctrl+f5 Я могу видеть игрока.

Вот мой код:

     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");
                                    }
<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>

0 ответов

Другие вопросы по тегам