Блог

Главная - Вопросы по программированию - youtube iframe api не загружается в ionic app, но при перезагрузке страницы работает

youtube iframe api не загружается в ionic app, но при перезагрузке страницы работает

#javascript #html #angularjs #ionic-framework #youtube

#javascript #HTML #angularjs #ionic-framework #YouTube

Вопрос:

Я использую 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>

Комментарии:

1. регистрируется ли «инициализация» при первой загрузке?

2. нет, с первого раза ничего не происходит

3. На самом деле я написал этот js-код во внешнем js-файле. Итак, при первой загрузке контроллера, но этот внешний js не загружается

4. Я получил эту работу, используя плагин на github.com/brandly/angular-youtube-embed .