How to bind click event to iframe/embed in Angular?

Asked Jan 17 '18 at 06:06

Active Jan 17 '18 at 07:08

Viewed 1,330 times

Edit: found the solution How to detect click event in iframe using jquery

I want to count have many people watch my youtube video from my site. How can I do that? I've tried to bind click, mouseup & mousedown in Iframe. But it doesn't work. I also cannot bind anything in embed tag. My call function send data to my google analytic

It seems I don't have control inside the iframe. If I click on the border of my Ifram and it work fine.

Thanks

<iframe class="border-frame" src="https://www.youtube.com/embed/cQqRX0GC_6I?list=RDcQqRX0GC_6I" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen (mousedown)="logit()"></iframe>

<embed class="border-frame" src=https://www.youtube.com/embed/cQqRX0GC_6I?list=RDcQqRX0GC_6I">

edited Jan 17 '18 at 07:08

asked Jan 17 '18 at 06:06

Nik D

`mousedown` is a jquery event. you can use `(click)` event – Aravind Jan 17 '18 at 06:09
its called analytics: https://www.youtube.com/googleanalytics – nothingisnecessary Jan 17 '18 at 06:09
I want to know the number access from my site, not all views. I have tried (click) and it doesn't work either. – Nik D Jan 17 '18 at 06:11

How to bind click event to iframe/embed in Angular?

0 Answers0