From b70c938d83893ca332450a94ac78ef0221e0eb79 Mon Sep 17 00:00:00 2001
From: Yiannis Christodoulou <yiannis@web357.com>
Date: Mon, 6 Oct 2025 18:11:32 +0300
Subject: [PATCH] Make embed player control bar sticky at bottom

Added CSS rules to position the embed player's control bar fixed at the bottom of the window, ensuring it remains visible and accessible regardless of scroll position.
---
 frontend-tools/video-js/src/styles/embed.css | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/frontend-tools/video-js/src/styles/embed.css b/frontend-tools/video-js/src/styles/embed.css
index 41101c36..b202c3b5 100644
--- a/frontend-tools/video-js/src/styles/embed.css
+++ b/frontend-tools/video-js/src/styles/embed.css
@@ -73,3 +73,12 @@
     opacity: 0 !important;
     visibility: hidden !important;
 }
+
+/* ===== EMBED CONTROL BAR POSITIONING ===== */
+/* Sticky controls for embed player - always at bottom of window */
+#page-embed .video-js-root-embed .video-js .vjs-control-bar {
+    position: fixed !important;
+    bottom: 0 !important;
+    left: 0 !important;
+    right: 0 !important;
+}