Ok, you have two problems (and then another one coming down the line).
First, you have the wrong id on your video container. It's currently:
<divid="video-container live">
ids can't have spaces and that live should be a class. There is a second problem you have in the JSX where the surrounding <div> has a class and not a className.
But, there's one further thing to watch out for. You will have multiple <Participant> components on the page, so you should not use ids for that. You could change video-container to a className and then change the CSS from #video-container to .video-container.
Ah, I see.
Ok, you have two problems (and then another one coming down the line).
First, you have the wrong
id
on your video container. It's currently:id
s can't have spaces and thatlive
should be a class. There is a second problem you have in the JSX where the surrounding<div>
has aclass
and not aclassName
.But, there's one further thing to watch out for. You will have multiple
<Participant>
components on the page, so you should not useid
s for that. You could changevideo-container
to aclassName
and then change the CSS from#video-container
to.video-container
.So, your participant JSX should be:
And the CSS should be:
Try that and see how you get on.
Ahhhhhhhhhh!!! my bad, that I missed the id, I am thinking it was a class. Yes, it works!!
Thanks Dear :) Happy coding.