589 Commits

Author SHA1 Message Date
Yiannis Christodoulou
1de6ec969c build assets 2025-10-10 11:06:20 +03:00
Yiannis Christodoulou
76e85d2577 Improve subtitles menu and button behavior in VideoJS
Adds direct access to the subtitles submenu from the subtitles button, updates the button's active state based on subtitle selection, and dispatches a custom event on subtitle state changes. Also cleans up unused static video.js files and enables the SubtitlesButton CSS.
2025-10-10 11:06:13 +03:00
Yiannis Christodoulou
c4551c4050 build assets 2025-10-10 10:46:40 +03:00
Yiannis Christodoulou
fef43efaa9 Refactor video player tooltips and remove static assets
Moved tooltip logic for custom video player controls (autoplay, next video, settings) into VideoJSPlayer.jsx, removing direct 'title' attributes from button components. Improved dynamic tooltip updates for the autoplay toggle. Removed unused static video_js CSS and JS assets.
2025-10-10 10:46:31 +03:00
Yiannis Christodoulou
816135266c Skip empty tooltips 2025-10-10 10:30:29 +03:00
Yiannis Christodoulou
4bec15fad5 Remove debug console.log statements from VideoJSPlayer
Eliminated multiple console.log statements used for debugging in the VideoJSPlayer component to clean up the code and reduce unnecessary console output.
2025-10-10 09:39:18 +03:00
Yiannis Christodoulou
0f99357628 build assets 2025-10-10 09:36:32 +03:00
Yiannis Christodoulou
5da377a8a5 Make control bar spacer fully transparent
Updated the spacer element in the video player's control bar to be fully transparent and non-interactive by setting background, border, outline, boxShadow, opacity, and pointerEvents styles. This ensures the spacer does not affect the visual appearance or user interaction.
2025-10-10 09:36:23 +03:00
Yiannis Christodoulou
d8cfc8be7b build assets 2025-10-10 09:31:48 +03:00
Yiannis Christodoulou
9a6f2b1394 Improve video player button styles and focus handling
Added pointer cursor to video player buttons for better UX. Updated focus styles to ensure the video player is focusable without showing an outline.
2025-10-10 09:18:33 +03:00
Yiannis Christodoulou
b2279f73f6 Enable user actions and update progress bar styles
Uncommented and enabled click, tap, and doubleClick user actions in VideoJSPlayer. Adjusted progress bar margin and padding for improved layout. Cleaned up VideoJSPlayerRoundedCorners.css by removing commented-out gradient overlay and related styles.
2025-10-10 09:11:40 +03:00
Yiannis Christodoulou
c4b73ec5ed build assets 2025-10-10 02:02:10 +03:00
Yiannis Christodoulou
f000b4433b Update playerConfig.js 2025-10-10 02:02:01 +03:00
Yiannis Christodoulou
6b1771c971 build assets 2025-10-10 01:59:25 +03:00
Yiannis Christodoulou
7a7d58e680 Set width for NextVideoButton in video controls
Added an explicit width of 2.5em to the NextVideoButton to ensure consistent sizing in the video player controls.
2025-10-10 01:59:18 +03:00
Yiannis Christodoulou
73a89c72df Ensure remaining time is always visible in VideoJS
Updated CSS to force .custom-remaining-time and .vjs-remaining-time elements to be visible and displayed as flex on all screen sizes. This ensures the remaining time display is consistently shown regardless of responsive layout or device.
2025-10-10 01:56:06 +03:00
Yiannis Christodoulou
115af7497b build assets 2025-10-10 01:45:47 +03:00
Yiannis Christodoulou
e1108a9ba6 Support moved progress control in markers and sprite preview
Updated ChapterMarkers and SpritePreview components to locate the progress control even if it has been moved out of the control bar, using a reference stored in customComponents. Also updated VideoJSPlayer to store customComponents on the player instance for easier access by child components.
2025-10-10 01:39:33 +03:00
Yiannis Christodoulou
59f65bdd21 Refine progress bar positioning and styling in VideoJSPlayer
Enhanced the logic for moving and styling the progress bar relative to the control bar, including improved style resets and visibility transitions. Updated the default non-touch progress bar position from 'top' to 'bottom' in playerConfig.js for a more native touch style experience.
2025-10-10 01:20:09 +03:00
Yiannis Christodoulou
4acdec7474 Adjust control bar font size for touch devices
Added a separate mobileFontSize to PlayerConfig and updated AutoplayToggleButton, NextVideoButton, and VideoJSPlayer to use a smaller font size for control bar icons and text on touch devices. This improves UI consistency and usability across device types.
2025-10-10 01:01:23 +03:00
Yiannis Christodoulou
8daee47311 build assets 2025-10-10 00:38:20 +03:00
Yiannis Christodoulou
9896eb0376 Refactor control and progress bar styling logic
Removed unnecessary setTimeouts for applying control bar and progress bar styles, applying them synchronously instead. Updated playerConfig to set nonTouchPosition to 'top' and touchPosition to 'bottom'. Added initial sync for progress bar visibility.
2025-10-10 00:36:14 +03:00
Yiannis Christodoulou
657bd190db build assets 2025-10-10 00:26:50 +03:00
Yiannis Christodoulou
b312b2a422 build assets 2025-10-10 00:26:37 +03:00
Yiannis Christodoulou
d925bd0b5d Hide progress bar until video starts playing
Updated VideoJSPlayer to initially hide the progress bar and only show it when the video starts playing or seeking. Also commented out fixed positioning for the control bar in embed.css, likely to adjust control bar behavior for embedded players.
2025-10-10 00:26:01 +03:00
Yiannis Christodoulou
bf27cbf559 Disable touch tooltip support for standard buttons
Commented out the call to addTouchTooltipSupport in enableStandardButtonTooltips, removing touch tooltip support for standard video player buttons. This may be to address issues with tooltip behavior on mobile devices.
2025-10-10 00:19:10 +03:00
Yiannis Christodoulou
523ae2e736 Fix progress bar spacer for touch devices
Update condition to add the progress bar spacer when on touch devices, ensuring correct UI behavior regardless of nonTouchPosition setting.
2025-10-10 00:14:46 +03:00
Yiannis Christodoulou
a6abd46cbe Update version.py 2025-10-10 00:11:13 +03:00
Yiannis Christodoulou
2571e456e2 build assets 2025-10-09 18:34:22 +03:00
Yiannis Christodoulou
09c643b6b1 Remove unused control bar items from VideoJSPlayer
Eliminated several control bar components such as playToggle, currentTimeDisplay, timeDivider, durationDisplay, and fullscreenToggle from the VideoJSPlayer configuration to streamline the player UI.
2025-10-09 18:32:20 +03:00
Yiannis Christodoulou
acdf11d597 Refactor progress bar styling and update config
Progress bar color styling is now always applied, not just for custom positions, by moving the relevant code outside the position check. Updated playerConfig.js to set touchPosition to 'top' and fixed the control bar backgroundColor value.
2025-10-09 18:03:46 +03:00
Yiannis Christodoulou
bdfb218b75 Use dynamic font size for NextVideoButton icon
Replaces the hardcoded SVG width and height in NextVideoButton with values from PlayerConfig.controlBar.fontSize, allowing the icon size to be configured dynamically.
2025-10-09 16:34:50 +03:00
Yiannis Christodoulou
15c85c1c10 Refactor progress bar positioning for touch and non-touch devices
Updated VideoJSPlayer to determine progress bar position based on device type, using separate config options for touch and non-touch devices. PlayerConfig now has 'nonTouchPosition' and 'touchPosition' instead of a single 'position' property. Also set nativeControlsForTouch to false for consistent custom controls.
2025-10-09 16:34:19 +03:00
Yiannis Christodoulou
3031a04914 Make autoplay toggle icon size dynamic
Updated AutoplayToggleButton to set SVG icon size based on PlayerConfig.controlBar.fontSize. Also changed the default fontSize in playerConfig from 26 to 16 for better scaling.
2025-10-09 15:49:33 +03:00
Yiannis Christodoulou
9c4aeb3134 Refactor player controls and progress bar layout
Moved native controls and progress bar positioning logic to PlayerConfig for better configurability. Separated control bar styling from progress bar layout, allowing independent application of styles. Added a spacer to the control bar to improve button alignment when the progress bar is repositioned. Cleaned up legacy code and improved maintainability.
2025-10-09 15:42:48 +03:00
Yiannis Christodoulou
9ada2cb8c9 Add configurable control bar styles to VideoJSPlayer
Introduced a new controlBar configuration in playerConfig.js to allow customization of control bar background color, height, and font size. Updated VideoJSPlayer.jsx to apply these styles dynamically, including line height for time controls.
2025-10-09 14:38:00 +03:00
Yiannis Christodoulou
40816e6a12 Add centralized video player configuration file
Introduces playerConfig.js to centralize video player customization options, including progress bar position and color settings.
2025-10-09 13:51:24 +03:00
Yiannis Christodoulou
ea3cdda18c Refactor progress bar placement and controls in VideoJSPlayer
Moved the progress bar below the control bar for a native touch style, with configurable positioning and styling via PlayerConfig. Removed the TestButton and related code, and updated user action options to comment out click, tap, and doubleClick behaviors. Improved progress bar visibility handling based on user activity and cleaned up related event listeners.
2025-10-09 13:51:16 +03:00
Yiannis Christodoulou
98d34ac059 build assets 2025-10-06 19:24:03 +03:00
Yiannis Christodoulou
c4a3e3f383 try vertical video 2025-10-06 19:15:02 +03:00
Yiannis Christodoulou
67bc60066c Revert "Add dark background for embed video player"
This reverts commit 59cba4803b4600b609da611096f4747000673249.
2025-10-06 19:14:26 +03:00
Yiannis Christodoulou
a1479ac392 build assets 2025-10-06 18:30:59 +03:00
Yiannis Christodoulou
59cba4803b Add dark background for embed video player
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.
2025-10-06 18:29:16 +03:00
Yiannis Christodoulou
55756e7011 build assets 2025-10-06 18:20:17 +03:00
Yiannis Christodoulou
6dae2e616e Sync EmbedInfoOverlay visibility with control bar
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.
2025-10-06 18:17:37 +03:00
Yiannis Christodoulou
b70c938d83 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.
2025-10-06 18:11:32 +03:00
Yiannis Christodoulou
b123660641 build assets 2025-10-06 17:56:54 +03:00
Yiannis Christodoulou
9a86398398 Adjust tooltip positioning for settings button
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.
2025-10-06 17:55:00 +03:00
Yiannis Christodoulou
1473c2a057 Update ButtonTooltips.css 2025-10-06 17:46:28 +03:00
Yiannis Christodoulou
1c5f06cf5e Remove custom background styling from progress bar
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.
2025-10-06 17:45:39 +03:00