diff --git a/frontend-tools/video-js/src/components/video-player/VideoJSPlayer.jsx b/frontend-tools/video-js/src/components/video-player/VideoJSPlayer.jsx index 623283d8..8fefd5c7 100644 --- a/frontend-tools/video-js/src/components/video-player/VideoJSPlayer.jsx +++ b/frontend-tools/video-js/src/components/video-player/VideoJSPlayer.jsx @@ -2843,6 +2843,15 @@ function VideoJSPlayer({ videoId = 'default-video' }) { spacer.style.flex = '1'; spacer.style.minWidth = '1px'; + // Remove background and style the spacer to be transparent + spacer.style.background = 'transparent'; + spacer.style.backgroundColor = 'transparent'; + spacer.style.border = 'none'; + spacer.style.outline = 'none'; + spacer.style.boxShadow = 'none'; + spacer.style.opacity = '0'; + spacer.style.pointerEvents = 'none'; + // Insert spacer right after the time display const controlBarEl = controlBar.el(); const timeDisplayEl = customRemainingTime.el();