627 Commits

Author SHA1 Message Date
Yiannis Christodoulou
f5f0686e45 fix: Small player size optimization - 2 items horizontally for better title readability 2025-10-03 13:11:51 +03:00
Yiannis Christodoulou
461efec83a build assets 2025-10-03 13:03:26 +03:00
Yiannis Christodoulou
ef07bd86e2 Improve end screen overlay layout and touch support
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.
2025-10-03 13:00:30 +03:00
Yiannis Christodoulou
373a64cfba fix: Prevent scrollbars in video player and embed styles 2025-10-03 11:44:27 +03:00
Yiannis Christodoulou
cd1a7f912b fix: Add conditional border-radius styling to template
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.
2025-10-03 11:28:43 +03:00
Yiannis Christodoulou
d9dacd8511 build assets 2025-10-03 11:24:35 +03:00
Yiannis Christodoulou
f4314a36e9 Update chapter marker color to golden yellow 2025-10-03 11:24:35 +03:00
Yiannis Christodoulou
ccfe93a0f4 Hide HLS buffer segment boundaries and update dev mode 2025-10-03 11:24:35 +03:00
Yiannis Christodoulou
94d8a70d59 Update mock media data for VideoJSPlayer
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.
2025-10-03 11:24:35 +03:00
Yiannis Christodoulou
7356531c07 Adjust seekbar and end screen overlay styles 2025-10-03 11:24:35 +03:00
Yiannis Christodoulou
09454774ac build assets 2025-10-03 11:24:35 +03:00
Yiannis Christodoulou
ef7dc9b984 build assets 2025-10-03 11:24:35 +03:00
Yiannis Christodoulou
1585d619a7 Improve video control alignment and responsive time display
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.
2025-10-03 11:24:35 +03:00
Yiannis Christodoulou
44e6beb814 Center and resize settings button in VideoJS
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.
2025-10-03 11:24:35 +03:00
Yiannis Christodoulou
a43316bd5b Add custom wrapper for fullscreen button in VideoJS 2025-10-03 11:24:34 +03:00
Yiannis Christodoulou
09bd4d59b1 Style and wrap picture-in-picture button in VideoJS
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.
2025-10-03 11:24:34 +03:00
Yiannis Christodoulou
37464e5a86 Add custom wrapper for settings button in VideoJS 2025-10-03 11:24:34 +03:00
Yiannis Christodoulou
b70e8267ac Add custom styling for subtitles button 2025-10-03 11:24:34 +03:00
Yiannis Christodoulou
30e3fce967 Add custom styling for chapters button 2025-10-03 11:24:34 +03:00
Yiannis Christodoulou
9e689c88ba Add custom wrapper for autoplay toggle button 2025-10-03 11:24:34 +03:00
Yiannis Christodoulou
73ea56c79b Add custom wrapper for volume panel 2025-10-03 11:24:34 +03:00
Yiannis Christodoulou
0f135e61bb Improve remaining time styling and settings button logic 2025-10-03 11:24:34 +03:00
Yiannis Christodoulou
8f872951e4 Add close button to AutoplayCountdownOverlay
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.
2025-10-03 11:24:34 +03:00
Yiannis Christodoulou
d7c62530b0 Wrap buttons in custom div container 2025-10-03 11:24:34 +03:00
Yiannis Christodoulou
86ce2ce0de fix: Global control order for all screens 2025-10-03 11:24:34 +03:00
Yiannis Christodoulou
426cc7c636 upload assets 2025-10-03 11:24:34 +03:00
Yiannis Christodoulou
75419a7402 fix: Dark background overlay when controls are visible to improve readability on bright videos 2025-10-03 11:24:34 +03:00
Yiannis Christodoulou
df1f5bd8a7 build assets 2025-10-03 11:24:34 +03:00
Yiannis Christodoulou
e885cc7c28 fix: Improve seekbar for mobile devices 2025-10-03 11:24:34 +03:00
Yiannis Christodoulou
1788ed27f4 fix: Improve the style in related items 2025-10-03 11:24:34 +03:00
Yiannis Christodoulou
0c0d9c66d2 fix: On mobile, pause the video on second tap only 2025-10-03 11:24:34 +03:00
Yiannis Christodoulou
fa85e5768a fix: Responsive grid adjustments for different screen sizes 2025-10-03 11:24:34 +03:00
Yiannis Christodoulou
5277476921 fix: Apply rounded corners only when useRoundedCorners is true 2025-10-03 11:24:34 +03:00
Yiannis Christodoulou
4e725d8659 fix: Hide poster image when video ends and end screen is shown 2025-10-03 11:24:34 +03:00
Yiannis Christodoulou
d5d1e2496f feat: Show overlay (avatar & title) in embed, when controls are visible or video is paused/stopped 2025-10-03 11:24:33 +03:00
Yiannis Christodoulou
d34e8ee5c7 fix: Hide seekbar and controls when poster is displayed (before first play) in embed mode 2025-10-03 11:24:33 +03:00
Yiannis Christodoulou
b228527924 fix: Ensure play icon (SeekIndicator) stays centered in embed view regardless of window size 2025-10-03 11:24:33 +03:00
Yiannis Christodoulou
71ad76285f feat: separate css files for better control 2025-10-03 11:24:33 +03:00
Yiannis Christodoulou
48b3fbd17d build assets 2025-10-03 11:24:33 +03:00
Yiannis Christodoulou
7c249dd1ef fix: Show avatar and title when video is paused/stopped in embed mode 2025-10-03 11:24:33 +03:00
Yiannis Christodoulou
5b691f3456 fix: For embed players, disable autoplay to show poster 2025-10-03 11:24:33 +03:00
Yiannis Christodoulou
a1b288bce0 build video.js assets (js) 2025-10-03 11:24:33 +03:00
Yiannis Christodoulou
e47942608d Update VideoJSPlayer.jsx 2025-10-03 11:24:33 +03:00
Yiannis Christodoulou
466d4b6658 build assets 2025-10-03 11:24:33 +03:00
Yiannis Christodoulou
3d1a4dd6d6 feat: Embed also audio .mp3 files 2025-10-03 11:24:33 +03:00
Yiannis Christodoulou
2d9594eb50 fix: Z-index while the embed goes behind the countdown timer to next video 2025-10-03 11:24:33 +03:00
Yiannis Christodoulou
4175a9d08f fix: Check if this is an embed player, and open the links to a new tab 2025-10-03 11:24:33 +03:00
Yiannis Christodoulou
c7ad28572f fix: Grid items in related videos - Allow up to 9 videos on large tablets 2025-10-03 11:24:33 +03:00
Yiannis Christodoulou
4edd93f182 fix: Remove the title "More videos" in related videos screen 2025-10-03 11:24:33 +03:00
Yiannis Christodoulou
bb70888748 fix: Improve autoplay countdown 2025-10-03 11:24:33 +03:00