Edit individual iFrame Elements

Hi,

I would like to modify individual elements within the Jitsi Meet API to make a custom UI.

For example, one thing I would like to change the body of the iFrame to transparent. Is it possible to access these elements within JavaScript or would I need to run my own instance of JitsiMeet and configure the source code?

Another element I would like to access are the individual video elements and organize them throughout my page.

I’ve tried searching the web and came up with the following result:

var element = iframe.contentWindow.document.querySelector(‘form input[type=“checkbox”]’);

However, when I try something similar with the Jitsi iFrame it doesn’t seem to be modifying the style. I’m wondering if it is block access due to security issues.

Any help or direction on this is appreciated. Thank you.

Best,

Kurtis

+1 (following)