Size: a a a

Front-end developers

2020 May 27

T

Teo in Front-end developers
jQuery('.YtImg iframe')[0].contentWindow.postMessage('{"event":"command","func":"playVideo","args":""}', '*');
источник

T

Teo in Front-end developers
У меня iframe грузится по клику на изображением, потому я просто убрал autoplay и добавил задержку для вызова API ютуба для вопросизведения, чтобы не было конфликнта на ПК
источник

ON

Oleksandr Nikolskyi in Front-end developers
Teo
У меня iframe грузится по клику на изображением, потому я просто убрал autoplay и добавил задержку для вызова API ютуба для вопросизведения, чтобы не было конфликнта на ПК
У меня таже самая задача ) Сперва изображение .....потом по клику изображение меняется на iframe )
источник

ON

Oleksandr Nikolskyi in Front-end developers
Сейчас попробую)
источник

T

Teo in Front-end developers
💪🏻
источник

AP

Assylbek Paviz in Front-end developers
Всем привет можете помочь как сделать так чтобы svg не двигался и текст появился слева. https://codepen.io/pavizassylbek/pen/PoPvjjK?editors=0100
источник

T

Teo in Front-end developers
Oleksandr Nikolskyi
Сейчас попробую)
Колхоз конечно получается, не смог настроить callback(), надо толкьо API пользоваться полноценно походу. С setTimeOut такое себе, если затупит загрузка - не включится) приходится пол секунды ставить задержку
источник

ON

Oleksandr Nikolskyi in Front-end developers
Teo
Колхоз конечно получается, не смог настроить callback(), надо толкьо API пользоваться полноценно походу. С setTimeOut такое себе, если затупит загрузка - не включится) приходится пол секунды ставить задержку
Приходит undefined (
источник

T

Teo in Front-end developers
А покаж код, у меня все ок
источник

C

Christina in Front-end developers
Assylbek Paviz
Всем привет можете помочь как сделать так чтобы svg не двигался и текст появился слева. https://codepen.io/pavizassylbek/pen/PoPvjjK?editors=0100
источник

ON

Oleksandr Nikolskyi in Front-end developers
Teo
А покаж код, у меня все ок
this.embed = `https://www.youtube.com/embed/${video_id}?enablejsapi=1`;

Тут генерерую ссылку
источник

AP

Assylbek Paviz in Front-end developers
спасибо
источник

ON

Oleksandr Nikolskyi in Front-end developers
Teo
А покаж код, у меня все ок
При клике на iframe:

public playVideo(e): void {
   this.iframeRef.nativeElement.contentWindow.postMessage(
     '{"event":"command","func":"playVideo","args":""}',
     '*',
   );
   const click_event = new Event('click');
   this.iframeRef.nativeElement.dispatchEvent(click_event);
 }
источник

ON

Oleksandr Nikolskyi in Front-end developers
iframeRef.nativeElement. - это синтаксис ангуляра
источник

ON

Oleksandr Nikolskyi in Front-end developers
тоже самое, что получить доступ к элементу
источник

ON

Oleksandr Nikolskyi in Front-end developers
Необходимо навесить событие клика на  сам iframe?
источник

T

Teo in Front-end developers
Oleksandr Nikolskyi
Необходимо навесить событие клика на  сам iframe?
не, клик не надо
источник

T

Teo in Front-end developers
это как аутоплей, тоисть привзяать надо не на клик iframe
источник

T

Teo in Front-end developers
а на клик изображения который грузит iframe
источник

ON

Oleksandr Nikolskyi in Front-end developers
ага
источник