mirror of https://github.com/OpenVidu/openvidu.git
openvidu-components: Added black poster when video is muted
parent
2785d3c036
commit
5fa3f749f5
|
@ -1,4 +1,10 @@
|
||||||
.poster {
|
.poster {
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
background-color: #000000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.initial {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
display: inline-grid;
|
display: inline-grid;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
|
|
|
@ -7,9 +7,11 @@ import { Component, Input } from '@angular/core';
|
||||||
@Component({
|
@Component({
|
||||||
selector: 'ov-avatar-profile',
|
selector: 'ov-avatar-profile',
|
||||||
template: `
|
template: `
|
||||||
<div class="poster" [ngStyle]="{ 'background-color': color }">
|
<div class="poster">
|
||||||
|
<div class="initial" [ngStyle]="{ 'background-color': color }">
|
||||||
<span id="poster-text">{{ letter }}</span>
|
<span id="poster-text">{{ letter }}</span>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
`,
|
`,
|
||||||
styleUrls: ['./avatar-profile.component.css']
|
styleUrls: ['./avatar-profile.component.css']
|
||||||
})
|
})
|
||||||
|
|
Loading…
Reference in New Issue