diff --git a/frontend/projects/shared-meet-components/src/lib/pages/view-recording/view-recording.component.html b/frontend/projects/shared-meet-components/src/lib/pages/view-recording/view-recording.component.html
index 3aedbfcb..74e3ed14 100644
--- a/frontend/projects/shared-meet-components/src/lib/pages/view-recording/view-recording.component.html
+++ b/frontend/projects/shared-meet-components/src/lib/pages/view-recording/view-recording.component.html
@@ -6,13 +6,11 @@
 					<video
 						autoplay
 						controls
-						muted
+						playsinline
 						class="video-player"
 						[src]="recordingUrl"
 						(error)="videoError = true"
-					>
-						Your browser does not support the video tag.
-					</video>
+					></video>
 				</div>
 			} @else {
 				<div class="video-error">
diff --git a/frontend/projects/shared-meet-components/src/lib/pages/view-recording/view-recording.component.ts b/frontend/projects/shared-meet-components/src/lib/pages/view-recording/view-recording.component.ts
index 01f0ebda..38ec08db 100644
--- a/frontend/projects/shared-meet-components/src/lib/pages/view-recording/view-recording.component.ts
+++ b/frontend/projects/shared-meet-components/src/lib/pages/view-recording/view-recording.component.ts
@@ -39,7 +39,7 @@ export class ViewRecordingComponent implements OnInit {
 			this.recording = await this.httpService.getRecording(recordingId!, secret!);
 
 			if (this.recording.status === MeetRecordingStatus.COMPLETE) {
-				this.recordingUrl = this.httpService.getRecordingMediaUrl(this.recording!.recordingId);
+				this.recordingUrl = this.httpService.getRecordingMediaUrl(recordingId!, secret!);
 			}
 		} catch (error) {
 			console.error('Error fetching recording:', error);