From 139839d582b0e06380eaaa8a6cc5197218bbf77d Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Fri, 29 Aug 2025 16:19:38 +0000
Subject: [PATCH] Improve video player by hiding picture-in-picture controls

Hide the picture-in-picture button and related overlay icons in the Video.js player across all video elements.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/QCN70f2
---
 client/src/index.css | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/client/src/index.css b/client/src/index.css
index 38e251e..b9dea97 100644
--- a/client/src/index.css
+++ b/client/src/index.css
@@ -354,4 +354,20 @@ input[data-testid*="search"]::placeholder {
   user-select: none;
   opacity: 0.08;
   filter: blur(0.5px);
+}
+
+/* Hide picture-in-picture button on all video elements */
+video::-webkit-media-controls-picture-in-picture-button {
+  display: none !important;
+}
+
+video::-moz-picture-in-picture-button {
+  display: none !important;
+}
+
+/* Hide any picture-in-picture overlay icons */
+*[aria-label*="picture"],
+*[title*="picture"],
+*[data-title*="picture"] {
+  display: none !important;
 }
\ No newline at end of file