When signed up for a Professional or API account, you can embed Coviu video rooms in your own Website at your own domain. For this, you need to use an iframe. Also, you have to run your Website on https, otherwise cryptography and cameras will not be available.

So, let's say you have signed up for a Professional account that's called "example" and you have set up a room that's called "example", then your room URL is: https://example.coviu.com/room/example .

Your embed code might look something like:

<iframe width="1200" height="600" src="https://example.coviu.com/room/example" frameborder="0" allowfullscreen allow="microphone *; camera *"></iframe>

To make the width and height work better on your page, here's some suggested CSS - you will need to adapt it to your page content:

<iframe style="width: 100%; min-height: 35rem; height: calc(100vh - 25rem);" src="https://example.coviu.com/room/example" frameborder="0" allowfullscreen allow="microphone *; camera *">

Camera access rights: You have to include an allow attribute in the iframe element to enable camera and microphone access from within a cross-origin iframe (see specification).

<iframe src="https://example.com"  allow="microphone *; camera *"></iframe>

or if you want to restrict it to the Coviu room:
<iframe src="https://example.com/" allow="microphone https://example.coviu.com/room/example ; camera https://example.coviu.com/room/example ">

SCREENSHARING:
If you'd like screensharing to work from within such an iframe, please follow the instruations at: https://help.coviu.com/faqs/get-screensharing-working-in-an-iframe

Did this answer your question?