110 Commits

Author SHA1 Message Date
Yiannis Christodoulou
9627ef45f2 Shorten sample subtitles for oceans video
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.
2025-10-04 00:41:19 +03:00
Yiannis Christodoulou
2e07304405 Remove commented divs and unify body styling in VideoJS HTML
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.
2025-10-03 22:06:11 +03:00
Yiannis Christodoulou
b224a66e74 Remove background color from video control elements
Eliminated the semi-transparent black background from multiple video control CSS selectors to improve visual consistency and reduce unnecessary styling.
2025-10-03 13:18:17 +03:00
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
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
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
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
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
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
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
e47942608d Update VideoJSPlayer.jsx 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
Yiannis Christodoulou
fcdeac4977 fix: Show settings popup in front of seekbar 2025-10-03 11:24:33 +03:00
Yiannis Christodoulou
7ae9eb21e7 sample data urls for testing 2025-10-03 11:24:33 +03:00
Yiannis Christodoulou
801f5cf22d fix: Remove rounded corners on small mobile screens 2025-10-03 11:24:33 +03:00
Yiannis Christodoulou
b04ad2344c fix: Make seekbar more touch-friendly on Android 2025-10-03 11:24:33 +03:00
Yiannis Christodoulou
57616c6b81 fix: Disable tooltip on touch devices (mobile and tablets) 2025-10-03 11:24:33 +03:00
Yiannis Christodoulou
45d0665e37 feat: Helper function to check if chapters represent a meaningful chapter structure 2025-10-03 11:24:32 +03:00
Yiannis Christodoulou
002016a9dd fix: Do not use rounded corners in embed modal 2025-10-03 11:24:32 +03:00
Yiannis Christodoulou
51b52c38a3 fix: Remove the dark background from avatar/title in embed 2025-10-03 11:24:32 +03:00