ov-components: Fixed video poster on iPhone

OpenVidu · May 22, 2024 · c0bcb95 · c0bcb95
1 parent 52c6126
commit c0bcb95
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 5 deletions.
diff --git a/.../projects/openvidu-angular/src/lib/components/avatar-profile/avatar-profile.component.css b/.../projects/openvidu-angular/src/lib/components/avatar-profile/avatar-profile.component.css
@@ -3,7 +3,7 @@
 	width: 100%;
 	background-color: #000000;
 	position: absolute;
-	z-index: 888;
+	z-index: 999;
 }
 
 .initial {

diff --git a/...mponents-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.css b/...mponents-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.css
@@ -7,7 +7,7 @@
 .nickname {
 	padding: 0px;
 	position: absolute;
-	z-index: 999;
+	z-index: 9999;
 	border-radius: var(--ov-video-radius);
 	color: var(--ov-text-color);
 	font-family: 'Roboto', 'RobotoDraft', Helvetica, Arial, sans-serif;
@@ -39,7 +39,7 @@
 #audio-wave-container {
 	position: absolute;
 	right: 0;
-	z-index: 2;
+	z-index: 9999;
 	padding: 5px;
 }
 

diff --git a/...ponents-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html b/...ponents-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html
@@ -51,13 +51,14 @@
 	</div>
 
 	<div *ngIf="!isMinimal && showSettingsButton" id="settings-container" class="videoButtons">
+
 		<button
 			mat-icon-button
 			(click)="toggleVideoMenu($event)"
 			matTooltip="{{ 'STREAM.SETTINGS' | translate }}"
 			matTooltipPosition="above"
 			aria-label="Video settings menu"
-			id="video-settings-btn-{{this._stream.streamManager?.stream?.typeOfVideo}}"
+			id="video-settings-btn-{{ this._stream.streamManager?.stream?.typeOfVideo }}"
 		>
 			<mat-icon>more_vert</mat-icon>
 		</button>
@@ -68,7 +69,12 @@
 				<span *ngIf="videoSizeIcon === videoSizeIconEnum.NORMAL">{{ 'STREAM.ZOOM_OUT' | translate }}</span>
 				<span *ngIf="videoSizeIcon === videoSizeIconEnum.BIG">{{ 'STREAM.ZOOM_IN' | translate }}</span>
 			</button>
-			<button mat-menu-item id="sound-btn" *ngIf="!this._stream.participant.local && this._stream.type === videoTypeEnum.CAMERA" (click)="toggleMuteForcibly()">
+			<button
+				mat-menu-item
+				id="sound-btn"
+				*ngIf="!this._stream.participant.local && this._stream.type === videoTypeEnum.CAMERA"
+				(click)="toggleMuteForcibly()"
+			>
 				<mat-icon *ngIf="!_stream.participant.isMutedForcibly">volume_up</mat-icon>
 				<span *ngIf="!_stream.participant.isMutedForcibly">{{ 'STREAM.MUTE_SOUND' | translate }}</span>