diff --git a/apps/web/src/app/home/video-player/video-player.component.html b/apps/web/src/app/home/video-player/video-player.component.html
index a6880df8b..e3d6d3c95 100644
--- a/apps/web/src/app/home/video-player/video-player.component.html
+++ b/apps/web/src/app/home/video-player/video-player.component.html
@@ -16,7 +16,9 @@
(toggleLeftDrawerClicked)="drawer.toggle()"
(toggleRightDrawerClicked)="drawerRight.toggle()"
(multiEpgClicked)="openMultiEpgView()"
+ (infoOverlayClicked)="toggleInfoOverlay()"
[activeChannel]="activeChannel"
+ [isLeftDrawerOpened]="drawer.opened"
(settingsClicked)="openSettings()"
/>
@if (activeChannel.radio === 'true') {
diff --git a/apps/web/src/assets/i18n/en.json b/apps/web/src/assets/i18n/en.json
index dd3c0e9fb..061a5513b 100644
--- a/apps/web/src/assets/i18n/en.json
+++ b/apps/web/src/assets/i18n/en.json
@@ -198,7 +198,8 @@
"OPEN_CHANNELS_LIST": "Open channel list",
"TOGGLE_FAVORITE_FLAG": "Toggle favorite flag",
"OPEN_EPG_LIST": "Open EPG list",
- "OPEN_MULTI_EPG": "Open Multi-EPG view"
+ "OPEN_MULTI_EPG": "Open Multi-EPG view",
+ "SHOW_INFO": "Show program info (Press I)"
},
"EPG": {
"TITLE": "Electronic Program Guide",
diff --git a/libs/ui/components/src/lib/info-overlay/info-overlay.component.ts b/libs/ui/components/src/lib/info-overlay/info-overlay.component.ts
index abf7f4b6f..838af02c4 100644
--- a/libs/ui/components/src/lib/info-overlay/info-overlay.component.ts
+++ b/libs/ui/components/src/lib/info-overlay/info-overlay.component.ts
@@ -80,4 +80,23 @@ export class InfoOverlayComponent implements OnChanges {
.duration(this.stop.diff(timeNow))
.asMilliseconds();
}
+
+ /**
+ * Manually shows the overlay (triggered by user action like 'I' key or info button)
+ * Toggles visibility if already shown, or shows for 10 seconds if hidden
+ */
+ showOverlay(): void {
+ if (this.isVisible) {
+ // If already visible, hide it (toggle behavior)
+ clearTimeout(this.currentTimeout);
+ this.isVisible = false;
+ } else {
+ // Show overlay for 10 seconds
+ clearTimeout(this.currentTimeout);
+ this.isVisible = true;
+ this.currentTimeout = setTimeout(() => {
+ this.isVisible = false;
+ }, 10000);
+ }
+ }
}
diff --git a/libs/ui/components/src/lib/video-player/toolbar/toolbar.component.html b/libs/ui/components/src/lib/video-player/toolbar/toolbar.component.html
index 98fd2f5ba..8b14a972a 100644
--- a/libs/ui/components/src/lib/video-player/toolbar/toolbar.component.html
+++ b/libs/ui/components/src/lib/video-player/toolbar/toolbar.component.html
@@ -5,7 +5,7 @@
[matTooltip]="'TOP_MENU.OPEN_CHANNELS_LIST' | translate"
class="sidenav-toggle-button"
>
-