Introduces a utility to set a black background and remove margins/padding for embed contexts in main.jsx, improving visual consistency for embedded video players. Also updates embed.css to enforce a black background for the embed page.
Updated the overlay's visibility logic to match the control bar's visibility, showing the overlay when the user is active, video is paused, ended, or hasn't started. Adjusted CSS transition to include visibility for smoother appearance changes.
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.
Updated the CSS for the video-js settings button tooltip to align it to the right and apply a horizontal transform. Also removed commented-out code for last-child control tooltip positioning.
Eliminated inline background color styles for the progressControl and its holder in EndScreenHandler. This change relies on default or external styles for a cleaner implementation.
Replaces font icon classes with inline SVG icons for the autoplay toggle button, providing distinct icons for ON and OFF states. Updates CSS for SVG sizing and removes focus outlines for improved appearance and accessibility.
Simplifies and updates embed player CSS for YouTube-style fullscreen poster and video display, moving legacy styles to embed_OLD.css. Refines overlay visibility logic in EmbedInfoOverlay for more accurate YouTube-like behavior, and ensures embed styles are imported in VideoJSPlayer. Updates HTML to enforce full-viewport sizing and overflow handling for embedded player.
Deleted VideoJSNew.jsx and removed VideoJSPlayerNew from exports. Merged VideoJSPlayerNew.css into VideoJSPlayer.css and updated VideoJSPlayer.jsx with new features, configuration, and sample data. Refactored and enhanced VideoJSPlayer to be the main player component, updating references and improving tooltip, autoplay, and control bar logic.
Reduced the number of subtitle entries in both Greek and English sample VTT files to only include the introduction and overview, removing detailed descriptions and additional lines for brevity.
Cleaned up index-embed.html and index.html by removing commented-out div elements and applying consistent body padding and margin styles. This improves code readability and ensures a uniform layout.
Eliminated the semi-transparent black background from multiple video control CSS selectors to improve visual consistency and reduce unnecessary styling.
Refines EndScreenOverlay CSS for better spacing, grid alignment, and responsive behavior across various screen sizes and embed heights. Adds touch device detection in JS to show overlays and durations by default for improved usability on mobile devices. Limits related video items to 2 for small embed heights to enhance readability.
Introduces a style block that reverts border-radius for specific elements when USE_ROUNDED_CORNERS is not set. This allows dynamic control of rounded corners based on configuration.
Replaces the mock video, poster, and related URLs in the development fallback data with new assets for user 'markos'. Updates encoding and HLS info to match the new video, and disables development mode by setting isDevMode to false.
Adjusted CSS for video control wrappers to ensure consistent alignment and spacing across desktop and mobile. Reduced gaps between PiP and fullscreen buttons, and hid subtitles button on small screens for better layout. Updated CustomRemainingTime.css to increase font size, padding, and font weight for better readability on smaller devices.
Added CSS rules to center the settings button within its wrapper and increased the SVG icon size by 2px for improved visual alignment in the video player controls.
Added custom CSS for the picture-in-picture button wrapper to ensure consistent sizing and alignment with other controls. Updated VideoJSPlayer.jsx to wrap the PiP button in a styled container for improved UI consistency.
Introduces a close button to the autoplay countdown overlay for improved user control. Updates CSS for button styling and responsive behavior, and adds event handling in JS to allow users to cancel autoplay via the new button.
