Integrating Streaming UI via iframe in a WordPress website

Step-1:

From your dashboard go to Plugins → Add New Plugin and search “iframe“.

Install and activate the plugin marked in the image above.

Step-2:

Go to Pages and click on the page you want to embed the iframe in. Then click on Edit with Elementor.

Then add a container widget for your iframe element.

Step-3:

Add a shortcode widget to the previously created container.

Step-4:

Enter the following shortcode in the shortcode widget. Replace src attributes value with your own streaming URL.

Sample Shortcode:

[iframe allow="camera;microphone" id="iframe_1"   src="https://connector.eagle3dstreaming.com/v5/demo/E3DSFeaturesTemplate/E3DS-Iframe-Demo" width="100%" height="500px" allowfullscreen]

Step-5:

Now apply all the changes and the stream should start.