Embed zoom in Iframe – Angular

  angular, javascript, typescript, zoom-sdk

I am trying to render zoom.us in my Angular Application. I am using iFrame for that. It is working good in Firefox, I can render, login and join meeting but In chrome, the link is getting rendered but If I click login it is showing us02web.zoom.us refused to connect.

Code

HTML

<iframe #iframe frameborder="0" height="600"  width="1250"></iframe>

TS

  @ViewChild('iframe') iframe: ElementRef;
    ngAfterViewInit() {
      this.iframe.nativeElement.src = 'https://us02web.zoom.us/j/XXXXXXX?pwd=XXXXXXXXXXXXXXXXXX';
    }

Chrome

Page Render in iFrame

1

Issue (After Clicking Login)

2

Source: Ask Javascript Questions

LEAVE A COMMENT