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
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
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
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
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
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
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
51b52c38a3
fix: Remove the dark background from avatar/title in embed
2025-10-03 11:24:32 +03:00
Yiannis Christodoulou
71b9935d2c
feat: Truncate chapter's title above the timeline thumbnail if is too long
2025-10-03 11:24:32 +03:00
Yiannis Christodoulou
e095d68667
fix: switch the play icons to the correct way
2025-10-03 11:24:32 +03:00
Yiannis Christodoulou
f3888981db
feat: Skip the autoplay if is playlist by passing the isPlayList to the video.js
2025-10-03 11:24:31 +03:00
Yiannis Christodoulou
ed07da1783
feat: Change autoplay icons and improve switch on/off functionality
2025-10-03 11:24:31 +03:00
Yiannis Christodoulou
380b537d45
feat: User rounded corners based on py value USE_ROUNDED_CORNERS
2025-10-03 11:24:31 +03:00
Yiannis Christodoulou
7f12038e60
fix: Use the correct poster url
2025-10-03 11:24:31 +03:00
Yiannis Christodoulou
d3b58bf27b
chore: Do not use the full url in hls_info
2025-10-03 11:24:31 +03:00
Yiannis Christodoulou
68fa1efe87
feat: Add Embed Info Overlay Component (for embed player only)
2025-10-03 11:24:30 +03:00
Yiannis Christodoulou
a89ee7b0e0
fix: Fullscreeen left/right/play/pause arrow keys doesn't work
...
BUG3. Fullscreeen left / right arrows doesn't work. Even if they work, if i leave the fullscreen and then enter again they are lost.
2025-10-03 11:24:30 +03:00
Yiannis Christodoulou
5fda4610da
fix: Chapter title, next video icon, play video with sound, dark opacity, fix hls, cleanup logs
2025-10-03 11:24:30 +03:00
Yiannis Christodoulou
a74f51f9cd
chore: change text to chapterTitle
2025-10-03 11:24:29 +03:00
Yiannis Christodoulou
e3291a5d75
feat: Focus the player element so keyboard controls work
2025-10-03 11:24:29 +03:00
Yiannis Christodoulou
738d0d9e00
feat: Convert chapters data from backend format to required format with memoization
2025-10-03 11:24:29 +03:00
Yiannis Christodoulou
222c728909
fix:(video.js) support embed functionality and ensure videos play independently on the same page
2025-10-03 11:24:29 +03:00
Yiannis Christodoulou
5474db0b86
dev mode is now handle from env file
2025-10-03 11:24:28 +03:00
Yiannis Christodoulou
d702689a0c
feat: Check if this is an embed player (disable next video and autoplay features)
2025-10-03 11:24:28 +03:00
Yiannis Christodoulou
5066f60c00
feat: Add a method to support player in the same page (e.g. for the embed page)
2025-10-03 11:24:28 +03:00
Yiannis Christodoulou
492911786c
chore: Run prettier for css files
2025-10-03 11:24:28 +03:00
Yiannis Christodoulou
da322760c7
feat: Improve chapters' body
2025-10-03 11:24:28 +03:00
