Angular + Youtube Player
 

Всем привет.

Делаю приложение в которое нужно вставить youtube player. Плеер создал как написано тут: https://developers.google.com/youtub..._api_reference. Все хорошо - работает. Т.е. Поместил плеер в отдельный скрипт и подгружаю его на нужной страничке (video.html)

Теперь прикручиваю ангуляр. У меня есть несколько вьюшек среди которых video.html и теперь плеер не работает - просто не показывается на странице. Т.е плеер перестал показываться на странице после того как я сделал view страницы на которой он должен показаться.

Но если обновляю страницу вручную (жму F5) плеер появляется и начинает нормально работать. Предполагаю, что это связано с функцией onYouTubeIframeAPIReady(), но не уверен.

Подскажите пожалуйста - как правильно прикрутить youtube player к проекту на ангуляр. В какую сторону копать.

Как и в случае с другими сторонними библиотеками, используйте обертку, например https://github.com/brandly/angular-youtube-embed

с использованием этого модуля такая же ситуация сохраняется.(

Для того чтобы сказать точнее нужно больше информации если есть возможность выложите на какой нить fiddle (например jsfiddle.)
1) Есть ли на странице ошибки?
2) Попробуйте послушать события плеера, выполняются ли они? (возможно они выполняются раньше рендера страницы)

$scope.$on('youtube.player.ready', function () {})

3) если не поможет попробуйте дебажить директиву "youtube-video"

Вот здесь можно это пощупать http://chammy.ru/test/index.html, а вот здесь скачать код: http://chammy.ru/test/index.zip

Поправил по быстрому, директива модуль оказался кривым и событие готовности youtube api нигде не хранилось... https://yadi.sk/d/AyM6qn7PWK4Jj

Спасибо большое, буду тестить!