Zoom web sdk v1.9.1, I am trying to put the zmmtg-root inside a component (Angular)

Description
I am trying to put the zmmtg-root inside a component, to be like the youtube, with show full screen button but the zmmtg-root is created in the body tag, is there a way to put it inside the component.

Please note that I tried to add the <div id="zmmtg-root"></div> but it always keeps a black screen and I notice that there is now two divs with the same id zmmtg-root

Which Web Client SDK version?
1.9.1

Device (please complete the following information):

  • Device: Mac
  • OS: 11.2.3
  • Browser: Chrome

Hey @Houssam.zoom3 ,

Here is an example of how to use the Web SDK with an Angular App:

This is auto generated and is not meant to be placed elsewhere in the project. There will be an update soon that allows more customization with the Web SDK. :slight_smile:

Thanks,
Tommy